@drawbridge/components 0.1.0 → 0.1.2

package/dist/dashboard/form-payment-methods.mjs

@@ -1,13 +1,13 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Fragment, useCallback, useState } from "react";
 import { useQueryClient } from "@tanstack/react-query";
-import ProviderResource from "./provider-resource";
-import InputGroup from "../input-group";
-import InputRadio from "./input-radio";
-import CardPaymentMethod from "./card-payment-method";
-import Empty from "../shared/empty";
-import { useModal } from "./lib/hooks";
-import Button from "../shared/button";
+import ProviderResource from "./provider-resource.mjs";
+import InputGroup from "../input-group.mjs";
+import InputRadio from "./input-radio.mjs";
+import CardPaymentMethod from "./card-payment-method.mjs";
+import Empty from "../shared/empty.mjs";
+import { useModal } from "./lib/hooks.mjs";
+import Button from "../shared/button.mjs";
 const FormPaymentMethods = ({
   onChange,
   onClickAdd,

package/dist/dashboard/form-profile.mjs

@@ -1,13 +1,13 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { useForm, Controller } from "../shared/lib/form";
+import { useForm, Controller } from "../shared/lib/form.mjs";
 import { request } from "@drawbridge/drawbridge-utils/fetch";
-import yup, { resolver } from "../shared/lib/yup";
-import Form from "../shared/form";
-import Fieldset from "../shared/fieldset";
-import InputGroup from "../input-group";
-import InputText from "../input-text";
-import Button from "../shared/button";
+import yup, { resolver } from "../shared/lib/yup.mjs";
+import Form from "../shared/form.mjs";
+import Fieldset from "../shared/fieldset.mjs";
+import InputGroup from "../input-group.mjs";
+import InputText from "../input-text.mjs";
+import Button from "../shared/button.mjs";
 const FormProfileEmail = ({
   onError,
   onSuccess,

package/dist/dashboard/form-stripe-promotion.mjs

@@ -1,12 +1,12 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { request } from "@drawbridge/drawbridge-utils/fetch";
-import { useForm, Controller } from "../shared/lib/form";
-import yup, { resolver } from "../shared/lib/yup";
-import Form from "../shared/form";
-import Fieldset from "../shared/fieldset";
-import InputGroup from "../input-group";
-import InputText from "../input-text";
-import Button from "../shared/button";
+import { useForm, Controller } from "../shared/lib/form.mjs";
+import yup, { resolver } from "../shared/lib/yup.mjs";
+import Form from "../shared/form.mjs";
+import Fieldset from "../shared/fieldset.mjs";
+import InputGroup from "../input-group.mjs";
+import InputText from "../input-text.mjs";
+import Button from "../shared/button.mjs";
 const FormStripePromotion = ({
   onSuccess,
   plan

package/dist/dashboard/form-stripe.mjs

@@ -4,11 +4,11 @@ import { request } from "@drawbridge/drawbridge-utils/fetch";
 import { loadStripe } from "@stripe/stripe-js";
 import { usePathname } from "next/navigation";
 import { useStripe, useElements, AddressElement, Elements, PaymentElement } from "@stripe/react-stripe-js";
-import Form from "../shared/form";
-import Fieldset from "../shared/fieldset";
-import Empty from "../shared/empty";
-import CardTask from "./card-task";
-import Button from "../shared/button";
+import Form from "../shared/form.mjs";
+import Fieldset from "../shared/fieldset.mjs";
+import Empty from "../shared/empty.mjs";
+import CardTask from "./card-task.mjs";
+import Button from "../shared/button.mjs";
 const stripe = loadStripe(process.env.NEXT_PUBLIC_STRIPE_API_KEY);
 const FormStripeInner = ({
   button,

package/dist/dashboard/form-verify-prize.mjs

@@ -1,20 +1,20 @@
 "use client";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import Link from "./link";
-import { useForm, FormProvider, Controller } from "../shared/lib/form";
+import Link from "./link.mjs";
+import { useForm, FormProvider, Controller } from "../shared/lib/form.mjs";
 import { useQueryClient } from "@tanstack/react-query";
-import yup, { resolver } from "../shared/lib/yup";
-import { useModal } from "./lib/hooks";
+import yup, { resolver } from "../shared/lib/yup.mjs";
+import { useModal } from "./lib/hooks.mjs";
 import { request } from "@drawbridge/drawbridge-utils/fetch";
-import Form from "../shared/form";
-import Fieldset from "../shared/fieldset";
-import FormAction from "./form-action";
-import InputGroup from "../input-group";
-import InputText from "../input-text";
-import InputCombobox from "./input-combobox";
-import AddressLines from "../shared/address-lines";
-import CardDataItem from "./card-data-item";
-import Button from "../shared/button";
+import Form from "../shared/form.mjs";
+import Fieldset from "../shared/fieldset.mjs";
+import FormAction from "./form-action.mjs";
+import InputGroup from "../input-group.mjs";
+import InputText from "../input-text.mjs";
+import InputCombobox from "./input-combobox.mjs";
+import AddressLines from "../shared/address-lines.mjs";
+import CardDataItem from "./card-data-item.mjs";
+import Button from "../shared/button.mjs";
 const addressFieldNames = ["address", "address2", "city", "country", "postal", "province"];
 const buildFieldsSchema = (fields) => {
   return (fields || []).reduce(

package/dist/dashboard/google.mjs

@@ -3,11 +3,11 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { useCallback, useEffect, useRef, useState } from "react";
 import { useQueryClient } from "@tanstack/react-query";
 import { APIProvider, ColorScheme, ControlPosition, Map, MapControl, useMap, useMapsLibrary } from "@vis.gl/react-google-maps";
-import Home from "../icons/home";
-import LoaderIcon from "../icons/loader";
-import InputText from "../input-text";
-import Button from "../shared/button";
-import { getLocation, toAddressPayload } from "./lib/geo";
+import Home from "../icons/home.mjs";
+import LoaderIcon from "../icons/loader.mjs";
+import InputText from "../input-text.mjs";
+import Button from "../shared/button.mjs";
+import { getLocation, toAddressPayload } from "./lib/geo.mjs";
 let timeout;
 const InputGoogleAutocomplete = ({
   fields = ["displayName", "formattedAddress", "location", "addressComponents"],

package/dist/dashboard/guard-navigation.mjs

@@ -3,9 +3,9 @@ import { jsx } from "react/jsx-runtime";
 import { useCallback, useEffect, useRef, useState } from "react";
 import { useRouter } from "next/navigation";
 import { useQuery, useQueryClient } from "@tanstack/react-query";
-import { interceptHref } from "./lib/navigation";
-import FormAction from "./form-action";
-import Modal from "./modal";
+import { interceptHref } from "./lib/navigation.mjs";
+import FormAction from "./form-action.mjs";
+import Modal from "./modal.mjs";
 const trap = () => window.history.pushState({ guard: true }, "", window.location.href);
 const releaseTrap = () => {
   var _a;

package/dist/dashboard/guide.mjs

@@ -1,11 +1,11 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { forwardRef } from "react";
 import dynamic from "next/dynamic";
-import Times from "../icons/times";
-import Button from "../shared/button";
+import Times from "../icons/times.mjs";
+import Button from "../shared/button.mjs";
 const Joyride = dynamic(() => import("react-joyride"), { ssr: false });
-const Video = dynamic(() => import("../video"), { ssr: false });
-import WrapperGradient from "../wrapper-gradient";
+const Video = dynamic(() => import("../video.mjs"), { ssr: false });
+import WrapperGradient from "../wrapper-gradient.mjs";
 const Beacon = forwardRef((props, ref) => {
   return /* @__PURE__ */ jsx(
     Button,

package/dist/dashboard/iframe.mjs

@@ -1,7 +1,7 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { forwardRef, useLayoutEffect, useRef, useState } from "react";
-import LoaderComponent from "../shared/loader";
+import LoaderComponent from "../shared/loader.mjs";
 const CONTENT_WIDTH = 390;
 const CONTENT_HEIGHT = 693;
 const POSITION_STYLES = {

package/dist/dashboard/input-address-saved.mjs

@@ -3,13 +3,13 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { useFormContext, useWatch } from "react-hook-form";
 import { useQueryClient } from "@tanstack/react-query";
 import { request } from "@drawbridge/drawbridge-utils/fetch";
-import { useModal, useDrawer } from "./lib/hooks";
-import { InputArrayButton, InputArrayControl } from "./input-array";
-import ListResource from "./list-resource";
-import AddressLines from "../shared/address-lines";
-import CardDataItem from "./card-data-item";
-import FormAddress from "./form-address";
-import Trash from "../icons/trash";
+import { useModal, useDrawer } from "./lib/hooks.mjs";
+import { InputArrayButton, InputArrayControl } from "./input-array.mjs";
+import ListResource from "./list-resource.mjs";
+import AddressLines from "../shared/address-lines.mjs";
+import CardDataItem from "./card-data-item.mjs";
+import FormAddress from "./form-address.mjs";
+import Trash from "../icons/trash.mjs";
 const addressFieldNames = ["address", "address2", "city", "country", "postal", "province"];
 const InputAddressSaved = () => {
   const queryClient = useQueryClient();

package/dist/dashboard/input-array.mjs

@@ -1,10 +1,10 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useFieldArray } from "react-hook-form";
-import Sortable from "../shared/sortable";
-import Plus from "../icons/plus";
-import Trash from "../icons/trash";
-import Empty from "../shared/empty";
-import Button from "../shared/button";
+import Sortable from "../shared/sortable.mjs";
+import Plus from "../icons/plus.mjs";
+import Trash from "../icons/trash.mjs";
+import Empty from "../shared/empty.mjs";
+import Button from "../shared/button.mjs";
 import { Fragment } from "react";
 const InputArrayButton = ({
   onClick,

package/dist/dashboard/input-color.mjs

@@ -1,10 +1,10 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useEffect, useState } from "react";
 import { useQueryClient } from "@tanstack/react-query";
-import { useModal } from "./lib/hooks";
+import { useModal } from "./lib/hooks.mjs";
 import { HexColorInput, HexColorPicker } from "react-colorful";
 import tinycolor from "tinycolor2";
-import Button from "../shared/button";
+import Button from "../shared/button.mjs";
 const colorFormatted = (value) => {
   const color = tinycolor(value);
   const attributes = {

package/dist/dashboard/input-combobox.mjs

@@ -8,11 +8,11 @@ import {
   ComboboxOption,
   ComboboxOptions
 } from "@headlessui/react";
-import ChevronDown from "../icons/chevron-down";
-import ChevronUp from "../icons/chevron-up";
-import CardAsset from "../shared/card-asset";
-import Badge from "../shared/badge";
-import Button from "../shared/button";
+import ChevronDown from "../icons/chevron-down.mjs";
+import ChevronUp from "../icons/chevron-up.mjs";
+import CardAsset from "../shared/card-asset.mjs";
+import Badge from "../shared/badge.mjs";
+import Button from "../shared/button.mjs";
 const InputCombobox = ({
   disabled = false,
   onChange,

package/dist/dashboard/input-date.mjs

@@ -1,10 +1,10 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { DayPicker } from "react-day-picker";
-import ChevronLeft from "../icons/chevron-left";
-import ChevronRight from "../icons/chevron-right";
-import InputTime from "./input-time";
-import { toTimeSlot } from "./lib/time-slots";
+import ChevronLeft from "../icons/chevron-left.mjs";
+import ChevronRight from "../icons/chevron-right.mjs";
+import InputTime from "./input-time.mjs";
+import { toTimeSlot } from "./lib/time-slots.mjs";
 const DAY_PICKER_COMPONENTS = {
   Chevron: ({ orientation, ...props }) => {
     const Icon = orientation === "left" ? ChevronLeft : ChevronRight;

package/dist/dashboard/input-editor.mjs

@@ -36,12 +36,12 @@ const Variable = Node.create({
     return { dom };
   }
 });
-import Dropdown from "./dropdown";
-import Bold from "../icons/bold";
-import Italic from "../icons/italic";
-import LinkIcon from "../icons/link";
-import Button from "../shared/button";
-import ChevronDown from "../icons/chevron-down";
+import Dropdown from "./dropdown.mjs";
+import Bold from "../icons/bold.mjs";
+import Italic from "../icons/italic.mjs";
+import LinkIcon from "../icons/link.mjs";
+import Button from "../shared/button.mjs";
+import ChevronDown from "../icons/chevron-down.mjs";
 const linkHref = (node) => {
   var _a;
   return (node == null ? void 0 : node.isText) && ((_a = node.marks.find((mark) => mark.type.name === "link")) == null ? void 0 : _a.attrs.href);

package/dist/dashboard/input-fields.mjs

@@ -4,26 +4,26 @@ import { useFormContext, Controller, useWatch } from "react-hook-form";
 import { useQueryClient } from "@tanstack/react-query";
 import dynamic from "next/dynamic";
 import { constants } from "@drawbridge/drawbridge-utils";
-import yup from "../shared/lib/yup";
-import Fieldset from "../shared/fieldset";
-import InputGroup from "../input-group";
-import InputGroupAI from "./input-group-ai";
-import InputColor from "./input-color";
-import InputFont from "./input-font";
-import InputRange from "../shared/input-range";
-import InputCombobox from "./input-combobox";
-import InputText from "../input-text";
-import InputTextarea from "../input-textarea";
-import { InputArrayControl, InputArraySortable } from "./input-array";
-import InputFile from "./input-file";
-import Divider from "../shared/divider";
-import Button from "../shared/button";
-import MapPin from "../icons/map-pin";
-import Plus from "../icons/plus";
-import Trash from "../icons/trash";
-const InputGoogleAutocomplete = dynamic(() => import("./google").then((m) => m.InputGoogleAutocomplete), { loading: () => /* @__PURE__ */ jsx(LoaderDynamic, {}), ssr: false });
-import { getLocation, reverseGeocode } from "./lib/geo";
-import { LoaderDynamic } from "../shared/loader";
+import yup from "../shared/lib/yup.mjs";
+import Fieldset from "../shared/fieldset.mjs";
+import InputGroup from "../input-group.mjs";
+import InputGroupAI from "./input-group-ai.mjs";
+import InputColor from "./input-color.mjs";
+import InputFont from "./input-font.mjs";
+import InputRange from "../shared/input-range.mjs";
+import InputCombobox from "./input-combobox.mjs";
+import InputText from "../input-text.mjs";
+import InputTextarea from "../input-textarea.mjs";
+import { InputArrayControl, InputArraySortable } from "./input-array.mjs";
+import InputFile from "./input-file.mjs";
+import Divider from "../shared/divider.mjs";
+import Button from "../shared/button.mjs";
+import MapPin from "../icons/map-pin.mjs";
+import Plus from "../icons/plus.mjs";
+import Trash from "../icons/trash.mjs";
+const InputGoogleAutocomplete = dynamic(() => import("./google.mjs").then((m) => m.InputGoogleAutocomplete), { loading: () => /* @__PURE__ */ jsx(LoaderDynamic, {}), ssr: false });
+import { getLocation, reverseGeocode } from "./lib/geo.mjs";
+import { LoaderDynamic } from "../shared/loader.mjs";
 const schemas = {
   // The one address rule, the same shape every api address route checks
   // (utils yup). Its unit is nullable: a saved empty unit comes back null.

package/dist/dashboard/input-file.mjs

@@ -1,11 +1,11 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useQueryClient } from "@tanstack/react-query";
-import { useModal } from "./lib/hooks";
-import FormFile from "./form-file";
-import CardAsset from "../shared/card-asset";
-import Upload from "../icons/upload";
-import Trash from "../icons/trash";
-import Button from "../shared/button";
+import { useModal } from "./lib/hooks.mjs";
+import FormFile from "./form-file.mjs";
+import CardAsset from "../shared/card-asset.mjs";
+import Upload from "../icons/upload.mjs";
+import Trash from "../icons/trash.mjs";
+import Button from "../shared/button.mjs";
 const InputFile = ({
   button = {},
   disabled,

package/dist/dashboard/input-font.mjs

@@ -1,12 +1,12 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { useQueryClient } from "@tanstack/react-query";
-import { useModal } from "./lib/hooks";
-import InputCombobox from "./input-combobox";
-import Empty from "../shared/empty";
-import Button from "../shared/button";
-import InputSelect from "../input-select";
-import ChevronUpDown from "../icons/chevron-up-down";
+import { useModal } from "./lib/hooks.mjs";
+import InputCombobox from "./input-combobox.mjs";
+import Empty from "../shared/empty.mjs";
+import Button from "../shared/button.mjs";
+import InputSelect from "../input-select.mjs";
+import ChevronUpDown from "../icons/chevron-up-down.mjs";
 const defaults = {
   family: "Roboto Flex",
   transform: "none",

package/dist/dashboard/input-group-ai.mjs

@@ -1,10 +1,10 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useQueryClient } from "@tanstack/react-query";
-import { FormAiText } from "./form-ai";
-import Error from "../shared/error";
-import Sparkles from "../icons/sparkles";
-import Button from "../shared/button";
-import { useDrawer } from "./lib/hooks";
+import { FormAiText } from "./form-ai.mjs";
+import Error from "../shared/error.mjs";
+import Sparkles from "../icons/sparkles.mjs";
+import Button from "../shared/button.mjs";
+import { useDrawer } from "./lib/hooks.mjs";
 const InputGroupAI = ({
   className,
   error,

package/dist/dashboard/input-radio.mjs

@@ -1,6 +1,6 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import Badge from "../shared/badge";
-import Button from "../shared/button";
+import Badge from "../shared/badge.mjs";
+import Button from "../shared/button.mjs";
 const InputRadio = ({
   badge,
   checked,

package/dist/dashboard/input-resource.mjs

@@ -2,11 +2,11 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import React, { useEffect, useRef } from "react";
 import { useQueryClient } from "@tanstack/react-query";
-import { useModal } from "./lib/hooks";
-import { InputArrayButton } from "./input-array";
-import Trash from "../icons/trash";
-import ListResource from "./list-resource";
-import { withArticle } from "../shared/lib/helpers";
+import { useModal } from "./lib/hooks.mjs";
+import { InputArrayButton } from "./input-array.mjs";
+import Trash from "../icons/trash.mjs";
+import ListResource from "./list-resource.mjs";
+import { withArticle } from "../shared/lib/helpers.mjs";
 const InputResourceSingle = ({
   empty,
   endpoint,

package/dist/dashboard/input-secret.mjs

@@ -2,12 +2,12 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useState } from "react";
 import { useQueryClient } from "@tanstack/react-query";
-import { useModal } from "./lib/hooks";
-import InputGroup from "../input-group";
-import InputText from "../input-text";
-import CopyToClipboard from "../shared/copy-to-clipboard";
-import Button from "../shared/button";
-import { FormOtcConfirm } from "./form-otc";
+import { useModal } from "./lib/hooks.mjs";
+import InputGroup from "../input-group.mjs";
+import InputText from "../input-text.mjs";
+import CopyToClipboard from "../shared/copy-to-clipboard.mjs";
+import Button from "../shared/button.mjs";
+import { FormOtcConfirm } from "./form-otc.mjs";
 const InputSecret = ({
   cleared = false,
   field,

package/dist/dashboard/input-time.mjs

@@ -1,7 +1,7 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
-import InputSelect from "../input-select";
-import { HOURS, MINUTES, PERIODS, isPastSlot } from "./lib/time-slots";
+import InputSelect from "../input-select.mjs";
+import { HOURS, MINUTES, PERIODS, isPastSlot } from "./lib/time-slots.mjs";
 const InputTime = ({
   date,
   disabled,

package/dist/dashboard/lib/table-actions.mjs

@@ -1,4 +1,4 @@
-import Warning from "../../icons/warning";
+import Warning from "../../icons/warning.mjs";
 const organizationAction = ({
   record,
   onClickSuspended,

package/dist/dashboard/lib/uppy.mjs

@@ -1,7 +1,7 @@
 import { megabyte } from "@drawbridge/drawbridge-utils";
 import { uploadPartSize } from "@drawbridge/drawbridge-utils/upload";
 import { request } from "@drawbridge/drawbridge-utils/fetch";
-import { fileMimes, fileParts, fileSizeLimits } from "../../shared/lib/helpers";
+import { fileMimes, fileParts, fileSizeLimits } from "../../shared/lib/helpers.mjs";
 const partSizeFor = uploadPartSize;
 const guard = (event) => {
   if (!isUploading(instance)) return;

package/dist/dashboard/link-back.mjs

@@ -1,10 +1,10 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Fragment, useContext } from "react";
-import Link from "./link";
-import ArrowLeft from "../icons/arrow-left";
-import Button from "../shared/button";
-import { FormScope } from "../shared/lib/form";
+import Link from "./link.mjs";
+import ArrowLeft from "../icons/arrow-left.mjs";
+import Button from "../shared/button.mjs";
+import { FormScope } from "../shared/lib/form.mjs";
 const LinkBack = ({
   children,
   element = Link,

package/dist/dashboard/link.mjs

@@ -2,7 +2,7 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useEffect, useState, useSyncExternalStore } from "react";
 import NextLink, { useLinkStatus } from "next/link";
-import { trickle } from "./lib/trickle";
+import { trickle } from "./lib/trickle.mjs";
 let waiting = 0;
 const listeners = /* @__PURE__ */ new Set();
 const notify = () => listeners.forEach((listener) => listener());

package/dist/dashboard/list-resource.mjs

@@ -1,10 +1,10 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import React from "react";
-import Paged from "./paged";
-import Empty from "../shared/empty";
-import Button from "../shared/button";
-import InputText from "../input-text";
+import Paged from "./paged.mjs";
+import Empty from "../shared/empty.mjs";
+import Button from "../shared/button.mjs";
+import InputText from "../input-text.mjs";
 const pluralize = (model) => model + (/(s|x|z|ch|sh)$/.test(model) ? "es" : "s");
 const ListResource = ({
   empty,

package/dist/dashboard/list.mjs

@@ -1,9 +1,9 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Fragment } from "react";
 import { usePathname } from "next/navigation";
-import Link from "./link";
-import Button from "../shared/button";
-import ArrowRight from "../icons/arrow-right";
+import Link from "./link.mjs";
+import Button from "../shared/button.mjs";
+import ArrowRight from "../icons/arrow-right.mjs";
 const List = ({
   className = "space-y-4",
   items = [],