@medusajs/dashboard 3.0.0-preview-20250211091350 → 3.0.0-preview-20250406180144

package/src/routes/products/product-shipping-profile/components/product-organization-form/product-shipping-profile-form.tsx

@@ -7,12 +7,13 @@ import { Form } from "../../../../../components/common/form"
 import { Combobox } from "../../../../../components/inputs/combobox"
 import { RouteDrawer, useRouteModal } from "../../../../../components/modals"
 import { KeyboundForm } from "../../../../../components/utilities/keybound-form"
-import { useExtendableForm } from "../../../../../extensions"
 import { useUpdateProduct } from "../../../../../hooks/api/products"
 import { useComboboxData } from "../../../../../hooks/use-combobox-data"
 import { sdk } from "../../../../../lib/client"
 import { useForm } from "react-hook-form"
 import { zodResolver } from "@hookform/resolvers/zod"
+import { se } from "date-fns/locale"
+import { useEffect } from "react"
 
 type ProductShippingProfileFormProps = {
   product: HttpTypes.AdminProduct & {
@@ -47,12 +48,15 @@ export const ProductShippingProfileForm = ({
     resolver: zodResolver(ProductShippingProfileSchema),
   })
 
+  const selectedShippingProfile = form.watch("shipping_profile_id")
+
   const { mutateAsync, isPending } = useUpdateProduct(product.id)
 
   const handleSubmit = form.handleSubmit(async (data) => {
     await mutateAsync(
       {
-        shipping_profile_id: data.shipping_profile_id,
+        shipping_profile_id:
+          data.shipping_profile_id === "" ? null : data.shipping_profile_id,
       },
       {
         onSuccess: ({ product }) => {
@@ -70,6 +74,12 @@ export const ProductShippingProfileForm = ({
     )
   })
 
+  useEffect(() => {
+    if (typeof selectedShippingProfile === "undefined") {
+      form.setValue("shipping_profile_id", "")
+    }
+  }, [selectedShippingProfile])
+
   return (
     <RouteDrawer.Form form={form}>
       <KeyboundForm onSubmit={handleSubmit} className="flex h-full flex-col">
@@ -87,6 +97,7 @@ export const ProductShippingProfileForm = ({
                     <Form.Control>
                       <Combobox
                         {...field}
+                        allowClear
                         options={shippingProfiles.options}
                         searchValue={shippingProfiles.searchValue}
                         onSearchValueChange={

package/src/routes/products/product-stock/components/product-stock-form/product-stock-form.tsx

@@ -140,9 +140,9 @@ export const ProductStockForm = ({
 
   return (
     <RouteFocusModal.Form form={form}>
-      <KeyboundForm onSubmit={onSubmit} className="flex h-full flex-col">
+      <KeyboundForm onSubmit={onSubmit} className="flex size-full flex-col">
         <RouteFocusModal.Header />
-        <RouteFocusModal.Body className="flex-1">
+        <RouteFocusModal.Body className="flex flex-col overflow-hidden">
           <DataGrid
             state={form}
             columns={columns}

package/src/routes/profile/profile-detail/profile-detail.tsx

@@ -3,11 +3,11 @@ import { ProfileGeneralSection } from "./components/profile-general-section"
 
 import { SingleColumnPageSkeleton } from "../../../components/common/skeleton"
 import { SingleColumnPage } from "../../../components/layout/pages"
-import { useDashboardExtension } from "../../../extensions"
+import { useExtension } from "../../../providers/extension-provider"
 
 export const ProfileDetail = () => {
   const { user, isPending: isLoading, isError, error } = useMe()
-  const { getWidgets } = useDashboardExtension()
+  const { getWidgets } = useExtension()
 
   if (isLoading || !user) {
     return <SingleColumnPageSkeleton sections={1} />

package/src/routes/promotions/common/edit-rules/components/rule-value-form-field/rule-value-form-field.tsx

@@ -1,10 +1,11 @@
-import { RuleAttributeOptionsResponse, StoreDTO } from "@medusajs/types"
-import { Input, Select } from "@medusajs/ui"
+import { HttpTypes } from "@medusajs/types"
+import { Input } from "@medusajs/ui"
 import { useWatch } from "react-hook-form"
 import { Form } from "../../../../../../components/common/form"
 import { Combobox } from "../../../../../../components/inputs/combobox"
-import { usePromotionRuleValues } from "../../../../../../hooks/api/promotions"
 import { useStore } from "../../../../../../hooks/api/store"
+import { useComboboxData } from "../../../../../../hooks/use-combobox-data"
+import { sdk } from "../../../../../../lib/client"
 
 type RuleValueFormFieldType = {
   form: any
@@ -16,11 +17,11 @@ type RuleValueFormFieldType = {
   name: string
   operator: string
   fieldRule: any
-  attributes: RuleAttributeOptionsResponse[]
+  attributes: HttpTypes.AdminRuleAttributeOption[]
   ruleType: "rules" | "target-rules" | "buy-rules"
 }
 
-const buildFilters = (attribute?: string, store?: StoreDTO) => {
+const buildFilters = (attribute?: string, store?: HttpTypes.AdminStore) => {
   if (!attribute || !store) {
     return {}
   }
@@ -49,17 +50,25 @@ export const RuleValueFormField = ({
   )
 
   const { store, isLoading: isStoreLoading } = useStore()
-  const { values: options = [] } = usePromotionRuleValues(
-    ruleType,
-    attribute?.id!,
-    buildFilters(attribute?.id, store),
-    {
-      enabled:
-        !!attribute?.id &&
-        ["select", "multiselect"].includes(attribute.field_type) &&
-        !isStoreLoading,
-    }
-  )
+
+  const comboboxData = useComboboxData({
+    queryFn: async (params) => {
+      return await sdk.admin.promotion.listRuleValues(
+        ruleType,
+        attribute?.id!,
+        {
+          ...params,
+          ...buildFilters(attribute?.id, store!),
+        }
+      )
+    },
+    enabled:
+      !!attribute?.id &&
+      ["select", "multiselect"].includes(attribute.field_type) &&
+      !isStoreLoading,
+    getOptions: (data) => data.values,
+    queryKey: ["rule-value-options", ruleType, attribute?.id],
+  })
 
   const watchOperator = useWatch({
     control: form.control,
@@ -103,54 +112,21 @@ export const RuleValueFormField = ({
               <Form.ErrorMessage />
             </Form.Item>
           )
-        } else if (watchOperator === "eq") {
-          return (
-            <Form.Item className="basis-1/2">
-              <Form.Control>
-                <Select
-                  {...field}
-                  value={
-                    Array.isArray(field.value) ? field.value[0] : field.value
-                  }
-                  onValueChange={onChange}
-                  disabled={!fieldRule.attribute}
-                >
-                  <Select.Trigger ref={ref} className="bg-ui-bg-base">
-                    <Select.Value placeholder="Select Value" />
-                  </Select.Trigger>
-
-                  <Select.Content>
-                    {options?.map((option, i) => (
-                      <Select.Item
-                        key={`${identifier}-value-option-${i}`}
-                        value={option.value}
-                      >
-                        <span className="text-ui-fg-subtle">
-                          {option.label}
-                        </span>
-                      </Select.Item>
-                    ))}
-                  </Select.Content>
-                </Select>
-              </Form.Control>
-              <Form.ErrorMessage />
-            </Form.Item>
-          )
         } else {
           return (
             <Form.Item className="basis-1/2">
               <Form.Control>
                 <Combobox
                   {...field}
+                  {...comboboxData}
+                  multiple={watchOperator !== "eq"}
                   ref={ref}
-                  placeholder="Select Values"
-                  options={options}
+                  placeholder={
+                    watchOperator === "eq" ? "Select Value" : "Select Values"
+                  }
                   onChange={onChange}
-                  className="bg-ui-bg-base"
-                  disabled={!fieldRule.attribute}
                 />
               </Form.Control>
-
               <Form.ErrorMessage />
             </Form.Item>
           )

package/src/routes/promotions/promotion-detail/promotion-detail.tsx

@@ -2,8 +2,8 @@ import { useLoaderData, useParams } from "react-router-dom"
 
 import { TwoColumnPageSkeleton } from "../../../components/common/skeleton"
 import { TwoColumnPage } from "../../../components/layout/pages"
-import { useDashboardExtension } from "../../../extensions"
 import { usePromotion, usePromotionRules } from "../../../hooks/api/promotions"
+import { useExtension } from "../../../providers/extension-provider"
 import { CampaignSection } from "./components/campaign-section"
 import { PromotionConditionsSection } from "./components/promotion-conditions-section"
 import { PromotionGeneralSection } from "./components/promotion-general-section"
@@ -26,7 +26,7 @@ export const PromotionDetail = () => {
   const { rules: targetRules } = usePromotionRules(id!, "target-rules", query)
   const { rules: buyRules } = usePromotionRules(id!, "buy-rules", query)
 
-  const { getWidgets } = useDashboardExtension()
+  const { getWidgets } = useExtension()
 
   if (isLoading || !promotion) {
     return (

package/src/routes/promotions/promotion-list/promotions-list.tsx

@@ -1,9 +1,9 @@
 import { SingleColumnPage } from "../../../components/layout/pages"
-import { useDashboardExtension } from "../../../extensions"
+import { useExtension } from "../../../providers/extension-provider"
 import { PromotionListTable } from "./components/promotion-list-table"
 
 export const PromotionsList = () => {
-  const { getWidgets } = useDashboardExtension()
+  const { getWidgets } = useExtension()
 
   return (
     <SingleColumnPage

package/src/routes/regions/region-detail/region-detail.tsx

@@ -7,8 +7,8 @@ import { regionLoader } from "./loader"
 
 import { SingleColumnPageSkeleton } from "../../../components/common/skeleton"
 import { SingleColumnPage } from "../../../components/layout/pages"
-import { useDashboardExtension } from "../../../extensions"
 import { usePricePreferences } from "../../../hooks/api/price-preferences"
+import { useExtension } from "../../../providers/extension-provider"
 import { REGION_DETAIL_FIELDS } from "./constants"
 
 export const RegionDetail = () => {
@@ -43,7 +43,7 @@ export const RegionDetail = () => {
     { enabled: !!region }
   )
 
-  const { getWidgets } = useDashboardExtension()
+  const { getWidgets } = useExtension()
 
   if (isLoading || isLoadingPreferences || !region) {
     return <SingleColumnPageSkeleton sections={2} showJSON showMetadata />

package/src/routes/regions/region-list/region-list.tsx

@@ -1,9 +1,9 @@
 import { SingleColumnPage } from "../../../components/layout/pages"
-import { useDashboardExtension } from "../../../extensions"
+import { useExtension } from "../../../providers/extension-provider"
 import { RegionListTable } from "./components/region-list-table"
 
 export const RegionList = () => {
-  const { getWidgets } = useDashboardExtension()
+  const { getWidgets } = useExtension()
 
   return (
     <SingleColumnPage

package/src/routes/reservations/reservation-detail/reservation-detail.tsx

@@ -2,12 +2,12 @@ import { useLoaderData, useParams } from "react-router-dom"
 
 import { TwoColumnPageSkeleton } from "../../../components/common/skeleton"
 import { TwoColumnPage } from "../../../components/layout/pages"
-import { useDashboardExtension } from "../../../extensions"
+import { useInventoryItem } from "../../../hooks/api"
 import { useReservationItem } from "../../../hooks/api/reservations"
+import { useExtension } from "../../../providers/extension-provider"
 import { InventoryItemGeneralSection } from "../../inventory/inventory-detail/components/inventory-item-general-section"
 import { ReservationGeneralSection } from "./components/reservation-general-section"
 import { reservationItemLoader } from "./loader"
-import { useInventoryItem } from "../../../hooks/api"
 
 export const ReservationDetail = () => {
   const { id } = useParams()
@@ -31,7 +31,7 @@ export const ReservationDetail = () => {
     { enabled: !!reservation?.inventory_item?.id! }
   )
 
-  const { getWidgets } = useDashboardExtension()
+  const { getWidgets } = useExtension()
 
   if (isLoading || !reservation) {
     return (

package/src/routes/reservations/reservation-list/reservation-list.tsx

@@ -1,9 +1,9 @@
 import { SingleColumnPage } from "../../../components/layout/pages"
-import { useDashboardExtension } from "../../../extensions"
+import { useExtension } from "../../../providers/extension-provider"
 import { ReservationListTable } from "./components/reservation-list-table"
 
 export const ReservationList = () => {
-  const { getWidgets } = useDashboardExtension()
+  const { getWidgets } = useExtension()
 
   return (
     <SingleColumnPage

package/src/routes/return-reasons/return-reason-list/return-reason-list.tsx

@@ -1,9 +1,9 @@
 import { SingleColumnPage } from "../../../components/layout/pages"
-import { useDashboardExtension } from "../../../extensions"
+import { useExtension } from "../../../providers/extension-provider"
 import { ReturnReasonListTable } from "./components/return-reason-list-table"
 
 export const ReturnReasonList = () => {
-  const { getWidgets } = useDashboardExtension()
+  const { getWidgets } = useExtension()
 
   return (
     <SingleColumnPage

package/src/routes/sales-channels/sales-channel-detail/sales-channel-detail.tsx

@@ -2,8 +2,8 @@ import { useLoaderData, useParams } from "react-router-dom"
 
 import { SingleColumnPageSkeleton } from "../../../components/common/skeleton"
 import { SingleColumnPage } from "../../../components/layout/pages"
-import { useDashboardExtension } from "../../../extensions"
 import { useSalesChannel } from "../../../hooks/api/sales-channels"
+import { useExtension } from "../../../providers/extension-provider"
 import { SalesChannelGeneralSection } from "./components/sales-channel-general-section"
 import { SalesChannelProductSection } from "./components/sales-channel-product-section"
 import { salesChannelLoader } from "./loader"
@@ -18,7 +18,7 @@ export const SalesChannelDetail = () => {
     initialData,
   })
 
-  const { getWidgets } = useDashboardExtension()
+  const { getWidgets } = useExtension()
 
   if (isLoading || !sales_channel) {
     return <SingleColumnPageSkeleton sections={2} showJSON showMetadata />

package/src/routes/sales-channels/sales-channel-list/sales-channel-list.tsx

@@ -1,10 +1,10 @@
 import { SalesChannelListTable } from "./components/sales-channel-list-table"
 
 import { SingleColumnPage } from "../../../components/layout/pages"
-import { useDashboardExtension } from "../../../extensions"
+import { useExtension } from "../../../providers/extension-provider"
 
 export const SalesChannelList = () => {
-  const { getWidgets } = useDashboardExtension()
+  const { getWidgets } = useExtension()
 
   return (
     <SingleColumnPage

package/src/routes/shipping-profiles/shipping-profile-detail/shipping-profile-detail.tsx

@@ -5,7 +5,7 @@ import { useShippingProfile } from "../../../hooks/api/shipping-profiles"
 import { ShippingProfileGeneralSection } from "./components/shipping-profile-general-section"
 
 import { SingleColumnPage } from "../../../components/layout/pages"
-import { useDashboardExtension } from "../../../extensions"
+import { useExtension } from "../../../providers/extension-provider"
 import { shippingProfileLoader } from "./loader"
 
 export const ShippingProfileDetail = () => {
@@ -21,7 +21,7 @@ export const ShippingProfileDetail = () => {
     { initialData }
   )
 
-  const { getWidgets } = useDashboardExtension()
+  const { getWidgets } = useExtension()
 
   if (isLoading || !shipping_profile) {
     return <SingleColumnPageSkeleton sections={1} showJSON showMetadata />

package/src/routes/shipping-profiles/shipping-profiles-list/shipping-profile-list.tsx

@@ -1,9 +1,9 @@
 import { SingleColumnPage } from "../../../components/layout/pages"
-import { useDashboardExtension } from "../../../extensions"
+import { useExtension } from "../../../providers/extension-provider"
 import { ShippingProfileListTable } from "./components/shipping-profile-list-table"
 
 export const ShippingProfileList = () => {
-  const { getWidgets } = useDashboardExtension()
+  const { getWidgets } = useExtension()
 
   return (
     <SingleColumnPage

package/src/routes/store/store-detail/components/store-currency-section/{store-currencies-section.tsx/store-currency-section.tsx → store-currency-section.tsx}

@@ -13,15 +13,15 @@ import { RowSelectionState, createColumnHelper } from "@tanstack/react-table"
 import { useMemo, useState } from "react"
 import { useTranslation } from "react-i18next"
 
-import { ActionMenu } from "../../../../../../components/common/action-menu"
-import { _DataTable } from "../../../../../../components/table/data-table"
-import { StatusCell } from "../../../../../../components/table/table-cells/common/status-cell"
-import { useCurrencies } from "../../../../../../hooks/api/currencies"
-import { usePricePreferences } from "../../../../../../hooks/api/price-preferences"
-import { useUpdateStore } from "../../../../../../hooks/api/store"
-import { useDataTable } from "../../../../../../hooks/use-data-table"
-import { useCurrenciesTableColumns } from "../../../../common/hooks/use-currencies-table-columns"
-import { useCurrenciesTableQuery } from "../../../../common/hooks/use-currencies-table-query"
+import { ActionMenu } from "../../../../../components/common/action-menu"
+import { _DataTable } from "../../../../../components/table/data-table"
+import { StatusCell } from "../../../../../components/table/table-cells/common/status-cell"
+import { useCurrencies } from "../../../../../hooks/api/currencies"
+import { usePricePreferences } from "../../../../../hooks/api/price-preferences"
+import { useUpdateStore } from "../../../../../hooks/api/store"
+import { useDataTable } from "../../../../../hooks/use-data-table"
+import { useCurrenciesTableColumns } from "../../../common/hooks/use-currencies-table-columns"
+import { useCurrenciesTableQuery } from "../../../common/hooks/use-currencies-table-query"
 
 type StoreCurrencySectionProps = {
   store: HttpTypes.AdminStore

package/src/routes/store/store-detail/store-detail.tsx

@@ -1,13 +1,13 @@
 import { useLoaderData } from "react-router-dom"
 
-import { useStore } from "../../../hooks/api/store.tsx"
-import { StoreCurrencySection } from "./components/store-currency-section/store-currencies-section.tsx/index.ts"
-import { StoreGeneralSection } from "./components/store-general-section/index.ts"
-import { storeLoader } from "./loader.ts"
+import { useStore } from "../../../hooks/api/store"
+import { StoreGeneralSection } from "./components/store-general-section"
+import { storeLoader } from "./loader"
 
-import { SingleColumnPageSkeleton } from "../../../components/common/skeleton/skeleton.tsx"
-import { SingleColumnPage } from "../../../components/layout/pages/index.ts"
-import { useDashboardExtension } from "../../../extensions/index.ts"
+import { SingleColumnPageSkeleton } from "../../../components/common/skeleton"
+import { SingleColumnPage } from "../../../components/layout/pages"
+import { useExtension } from "../../../providers/extension-provider"
+import { StoreCurrencySection } from "./components/store-currency-section"
 
 export const StoreDetail = () => {
   const initialData = useLoaderData() as Awaited<ReturnType<typeof storeLoader>>
@@ -16,7 +16,7 @@ export const StoreDetail = () => {
     initialData,
   })
 
-  const { getWidgets } = useDashboardExtension()
+  const { getWidgets } = useExtension()
 
   if (isPending || !store) {
     return <SingleColumnPageSkeleton sections={2} showJSON showMetadata />

package/src/routes/tax-regions/tax-region-detail/tax-region-detail.tsx

@@ -7,7 +7,7 @@ import { TaxRegionProvinceSection } from "./components/tax-region-province-secti
 
 import { useState } from "react"
 import { SingleColumnPageSkeleton } from "../../../components/common/skeleton"
-import { useDashboardExtension } from "../../../extensions"
+import { useExtension } from "../../../providers/extension-provider"
 import { TaxRegionOverrideSection } from "./components/tax-region-override-section"
 import { TaxRegionSublevelAlert } from "./components/tax-region-sublevel-alert"
 import { taxRegionLoader } from "./loader"
@@ -27,7 +27,7 @@ export const TaxRegionDetail = () => {
     error,
   } = useTaxRegion(id!, undefined, { initialData })
 
-  const { getWidgets } = useDashboardExtension()
+  const { getWidgets } = useExtension()
 
   if (isLoading || !taxRegion) {
     return <SingleColumnPageSkeleton sections={4} showJSON />

package/src/routes/tax-regions/tax-region-list/tax-region-list.tsx

@@ -1,9 +1,9 @@
 import { SingleColumnPage } from "../../../components/layout/pages"
-import { useDashboardExtension } from "../../../extensions"
+import { useExtension } from "../../../providers/extension-provider"
 import { TaxRegionListView } from "./components/tax-region-list-view"
 
 export const TaxRegionsList = () => {
-  const { getWidgets } = useDashboardExtension()
+  const { getWidgets } = useExtension()
 
   return (
     <SingleColumnPage

package/src/routes/tax-regions/tax-region-province-detail/tax-region-detail.tsx

@@ -5,7 +5,7 @@ import { useTaxRegion } from "../../../hooks/api/tax-regions"
 import { TaxRegionProvinceDetailSection } from "./components/tax-region-province-detail-section"
 
 import { SingleColumnPageSkeleton } from "../../../components/common/skeleton"
-import { useDashboardExtension } from "../../../extensions"
+import { useExtension } from "../../../providers/extension-provider"
 import { TaxRegionProvinceOverrideSection } from "./components/tax-region-province-override-section"
 import { taxRegionLoader } from "./loader"
 
@@ -23,7 +23,7 @@ export const TaxRegionDetail = () => {
     error,
   } = useTaxRegion(province_id!, undefined, { initialData })
 
-  const { getWidgets } = useDashboardExtension()
+  const { getWidgets } = useExtension()
 
   if (isLoading || !taxRegion) {
     return <SingleColumnPageSkeleton sections={2} showJSON />

package/src/routes/users/user-detail/user-detail.tsx

@@ -6,7 +6,7 @@ import { userLoader } from "./loader"
 
 import { SingleColumnPageSkeleton } from "../../../components/common/skeleton"
 import { SingleColumnPage } from "../../../components/layout/pages"
-import { useDashboardExtension } from "../../../extensions"
+import { useExtension } from "../../../providers/extension-provider"
 
 export const UserDetail = () => {
   const initialData = useLoaderData() as Awaited<ReturnType<typeof userLoader>>
@@ -21,7 +21,7 @@ export const UserDetail = () => {
     initialData,
   })
 
-  const { getWidgets } = useDashboardExtension()
+  const { getWidgets } = useExtension()
 
   if (isLoading || !user) {
     return <SingleColumnPageSkeleton sections={1} showJSON showMetadata />

package/src/routes/users/user-list/user-list.tsx

@@ -1,9 +1,9 @@
 import { SingleColumnPage } from "../../../components/layout/pages"
-import { useDashboardExtension } from "../../../extensions"
+import { useExtension } from "../../../providers/extension-provider"
 import { UserListTable } from "./components/user-list-table"
 
 export const UserList = () => {
-  const { getWidgets } = useDashboardExtension()
+  const { getWidgets } = useExtension()
 
   return (
     <SingleColumnPage

package/src/routes/workflow-executions/workflow-execution-detail/workflow-detail.tsx

@@ -2,8 +2,8 @@ import { useParams } from "react-router-dom"
 
 import { SingleColumnPageSkeleton } from "../../../components/common/skeleton"
 import { SingleColumnPage } from "../../../components/layout/pages"
-import { useDashboardExtension } from "../../../extensions"
 import { useWorkflowExecution } from "../../../hooks/api/workflow-executions"
+import { useExtension } from "../../../providers/extension-provider"
 import { WorkflowExecutionGeneralSection } from "./components/workflow-execution-general-section"
 import { WorkflowExecutionHistorySection } from "./components/workflow-execution-history-section"
 import { WorkflowExecutionPayloadSection } from "./components/workflow-execution-payload-section"
@@ -15,7 +15,7 @@ export const ExecutionDetail = () => {
   const { workflow_execution, isLoading, isError, error } =
     useWorkflowExecution(id!)
 
-  const { getWidgets } = useDashboardExtension()
+  const { getWidgets } = useExtension()
 
   if (isLoading || !workflow_execution) {
     return <SingleColumnPageSkeleton sections={4} showJSON />

package/src/routes/workflow-executions/workflow-execution-list/workflow-execution-list.tsx

@@ -1,10 +1,10 @@
 import { WorkflowExecutionListTable } from "./components/workflow-execution-list-table"
 
 import { SingleColumnPage } from "../../../components/layout/pages"
-import { useDashboardExtension } from "../../../extensions"
+import { useExtension } from "../../../providers/extension-provider"
 
 export const WorkflowExcecutionList = () => {
-  const { getWidgets } = useDashboardExtension()
+  const { getWidgets } = useExtension()
 
   return (
     <SingleColumnPage

package/src/vite-env.d.ts

@@ -8,6 +8,9 @@ interface ImportMetaEnv {
 
 interface ImportMeta {
   readonly env: ImportMetaEnv
+  readonly hot: {
+    accept: () => void
+  }
 }
 
 declare const __BACKEND_URL__: string | undefined

package/dist/chunk-53IEL2PE.mjs

@@ -1,46 +0,0 @@
-// src/components/common/inline-tip/inline-tip.tsx
-import { clx } from "@medusajs/ui";
-import { forwardRef } from "react";
-import { useTranslation } from "react-i18next";
-import { jsx, jsxs } from "react/jsx-runtime";
-var InlineTip = forwardRef(
-  ({ variant = "tip", label, className, children, ...props }, ref) => {
-    const { t } = useTranslation();
-    const labelValue = label || (variant === "warning" ? t("general.warning") : t("general.tip"));
-    return /* @__PURE__ */ jsxs(
-      "div",
-      {
-        ref,
-        className: clx(
-          "bg-ui-bg-component txt-small text-ui-fg-subtle grid grid-cols-[4px_1fr] items-start gap-3 rounded-lg border p-3",
-          className
-        ),
-        ...props,
-        children: [
-          /* @__PURE__ */ jsx(
-            "div",
-            {
-              role: "presentation",
-              className: clx("w-4px bg-ui-tag-neutral-icon h-full rounded-full", {
-                "bg-ui-tag-orange-icon": variant === "warning"
-              })
-            }
-          ),
-          /* @__PURE__ */ jsxs("div", { className: "text-pretty", children: [
-            /* @__PURE__ */ jsxs("strong", { className: "txt-small-plus text-ui-fg-base", children: [
-              labelValue,
-              ":"
-            ] }),
-            " ",
-            children
-          ] })
-        ]
-      }
-    );
-  }
-);
-InlineTip.displayName = "InlineTip";
-
-export {
-  InlineTip
-};