@m5kdev/web-ui 0.9.2 → 0.9.3

package/dist/src/modules/billing/components/BillingInvoicePage.mjs

@@ -1,8 +1,8 @@
-import { Button, Card, CardBody, CardHeader, Chip, Link, Spinner, Table, TableBody, TableCell, TableColumn, TableHeader, TableRow } from "@heroui/react";
-import { jsx, jsxs } from "react/jsx-runtime";
 import { AlertCircle, CheckCircle2, ExternalLink } from "lucide-react";
-import { useQuery } from "@tanstack/react-query";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Button, Card, CardBody, CardHeader, Chip, Link, Spinner, Table, TableBody, TableCell, TableColumn, TableHeader, TableRow } from "@heroui/react";
 import { useSubscription } from "@m5kdev/frontend/modules/billing/hooks/useSubscription";
+import { useQuery } from "@tanstack/react-query";
 //#region src/modules/billing/components/BillingInvoicePage.tsx
 function BillingInvoicePage({ useTRPC, serverUrl }) {
 	const { data: invoices, isLoading } = useQuery(useTRPC().billing.listInvoices.queryOptions());

package/dist/src/modules/billing/components/BillingSinglePlanSelect.js

@@ -3,12 +3,12 @@ require("../../../../_virtual/_rolldown/runtime.js");
 const require_src_lib_utils = require("../../../lib/utils.js");
 const require_src_components_ui_card = require("../../../components/ui/card.js");
 const require_src_components_ui_tabs = require("../../../components/ui/tabs.js");
-let react = require("react");
-let _heroui_react = require("@heroui/react");
-let react_jsx_runtime = require("react/jsx-runtime");
 let lucide_react = require("lucide-react");
+let react = require("react");
 let react_i18next = require("react-i18next");
+let react_jsx_runtime = require("react/jsx-runtime");
 let react_router = require("react-router");
+let _heroui_react = require("@heroui/react");
 let _m5kdev_frontend_modules_auth_auth_lib = require("@m5kdev/frontend/modules/auth/auth.lib");
 //#region src/modules/billing/components/BillingSinglePlanSelect.tsx
 function BillingSinglePlanSelect({ plan, termsOfServiceUrl, features = [

package/dist/src/modules/billing/components/BillingSinglePlanSelect.mjs

@@ -1,12 +1,12 @@
 import { cn } from "../../../lib/utils.mjs";
 import { Card as Card$1, CardContent, CardDescription, CardFooter, CardHeader as CardHeader$1, CardTitle } from "../../../components/ui/card.mjs";
 import { Tabs, TabsList, TabsTrigger } from "../../../components/ui/tabs.mjs";
-import { useState } from "react";
-import { Button } from "@heroui/react";
-import { jsx, jsxs } from "react/jsx-runtime";
 import { Check, LogOut } from "lucide-react";
+import { useState } from "react";
 import { useTranslation } from "react-i18next";
-import { Link as Link$1, useNavigate } from "react-router";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Link, useNavigate } from "react-router";
+import { Button } from "@heroui/react";
 import { authClient } from "@m5kdev/frontend/modules/auth/auth.lib";
 //#region src/modules/billing/components/BillingSinglePlanSelect.tsx
 function BillingSinglePlanSelect({ plan, termsOfServiceUrl, features = [
@@ -143,7 +143,7 @@ function BillingSinglePlanSelect({ plan, termsOfServiceUrl, features = [
 						" ",
 						t("common.and", "and"),
 						" ",
-						/* @__PURE__ */ jsx(Link$1, {
+						/* @__PURE__ */ jsx(Link, {
 							to: "/privacy",
 							children: t("common.privacyPolicy", "Privacy Policy")
 						})

package/dist/src/modules/billing/components/BillingSinglePlanSelect.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"BillingSinglePlanSelect.mjs","names":["Card","CardHeader","Link"],"sources":["../../../../../src/modules/billing/components/BillingSinglePlanSelect.tsx"],"sourcesContent":["import { Button } from \"@heroui/react\";\r\nimport type { StripePlan } from \"@m5kdev/commons/modules/billing/billing.types\";\r\nimport { authClient } from \"@m5kdev/frontend/modules/auth/auth.lib\";\r\nimport { Check, LogOut } from \"lucide-react\";\r\nimport { useState } from \"react\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport { Link, useNavigate } from \"react-router\";\r\nimport {\r\n  Card,\r\n  CardContent,\r\n  CardDescription,\r\n  CardFooter,\r\n  CardHeader,\r\n  CardTitle,\r\n} from \"../../../components/ui/card\";\r\nimport { Tabs, TabsList, TabsTrigger } from \"../../../components/ui/tabs\";\r\nimport { cn } from \"../../../lib/utils\";\r\n\r\nexport interface BillingSinglePlanSelectProps {\r\n  plan: StripePlan;\r\n  features?: string[];\r\n  /** URL for the Terms of Service link. Override for your app's legal page. */\r\n  termsOfServiceUrl?: string;\r\n}\r\n\r\nexport function BillingSinglePlanSelect({\r\n  plan,\r\n  termsOfServiceUrl,\r\n  features = [\r\n    \"Unlimited access to all features\",\r\n    \"Priority support\",\r\n    \"Early access to new features\",\r\n    \"Secure data storage\",\r\n    \"Cancel anytime\",\r\n  ],\r\n}: BillingSinglePlanSelectProps) {\r\n  const { t } = useTranslation(\"web-ui\");\r\n  const navigate = useNavigate();\r\n  const [billingInterval, setBillingInterval] = useState<\"monthly\" | \"annually\">(\"annually\");\r\n\r\n  const handleLogout = async () => {\r\n    await authClient.signOut();\r\n    navigate(\"/login\");\r\n  };\r\n\r\n  const isAnnual = billingInterval === \"annually\";\r\n  const currentPriceId = isAnnual ? plan.annualDiscountPriceId : plan.priceId;\r\n\r\n  // Fallback if no annual price ID exists\r\n  const hasAnnualOption = !!plan.annualDiscountPriceId;\r\n\r\n  const priceUnitAmount = plan.priceUnitAmount ?? Number.NaN;\r\n  const annualPriceUnitAmount = plan.annualPriceUnitAmount ?? Number.NaN;\r\n\r\n  const priceDisplay = {\r\n    monthly: {\r\n      amount: `$${priceUnitAmount / 100}`,\r\n      label: \"/ month\",\r\n    },\r\n    annually: {\r\n      amount: `$${annualPriceUnitAmount / 100 / 12}`,\r\n      originalAmount: `$${priceUnitAmount / 100}`,\r\n      label: \"/ month, billed annually\",\r\n      discountLabel: plan.annualPriceUnitAmount\r\n        ? `Save ${Math.floor(((priceUnitAmount - annualPriceUnitAmount / 12) / priceUnitAmount) * 100).toFixed(0)}%`\r\n        : \"\",\r\n    },\r\n  };\r\n\r\n  return (\r\n    <div className=\"w-full max-w-3xl mx-auto px-4 py-8\">\r\n      <div className=\"flex flex-col items-center gap-8\">\r\n        <div className=\"text-center space-y-2\">\r\n          <h2 className=\"text-3xl font-bold tracking-tight sm:text-4xl\">\r\n            {t(\"billing.plans.title\", \"Simple, transparent pricing\")}\r\n          </h2>\r\n          <p className=\"text-muted-foreground text-lg\">\r\n            {t(\"billing.plans.subtitle\", \"Choose the plan that's right for you\")}\r\n          </p>\r\n        </div>\r\n\r\n        {hasAnnualOption && (\r\n          <Tabs\r\n            defaultValue=\"annually\"\r\n            value={billingInterval}\r\n            onValueChange={(v) => setBillingInterval(v as \"monthly\" | \"annually\")}\r\n            className=\"w-full max-w-xs\"\r\n          >\r\n            <TabsList className=\"grid w-full grid-cols-2\">\r\n              <TabsTrigger value=\"monthly\">Monthly</TabsTrigger>\r\n              <TabsTrigger value=\"annually\" className=\"relative\">\r\n                Annually\r\n                {priceDisplay.annually.discountLabel && (\r\n                  <span className=\"absolute -top-3 -right-3 px-1.5 py-0.5 rounded-full bg-green-500 text-[10px] text-white font-medium transform rotate-12\">\r\n                    {priceDisplay.annually.discountLabel}\r\n                  </span>\r\n                )}\r\n              </TabsTrigger>\r\n            </TabsList>\r\n          </Tabs>\r\n        )}\r\n\r\n        <Card className={cn(\"w-full max-w-md border-2 border-primary\")}>\r\n          <CardHeader>\r\n            <CardTitle className=\"flex justify-between items-start\">\r\n              <span className=\"text-xl font-bold\">{plan.name}</span>\r\n            </CardTitle>\r\n            <CardDescription>\r\n              {isAnnual ? \"Perfect for long-term commitment\" : \"Flexible monthly billing\"}\r\n            </CardDescription>\r\n          </CardHeader>\r\n\r\n          <CardContent className=\"space-y-6\">\r\n            <div className=\"flex items-baseline gap-1\">\r\n              <span className=\"text-4xl font-bold\">\r\n                {isAnnual ? priceDisplay.annually.amount : priceDisplay.monthly.amount}\r\n              </span>\r\n              <span className=\"text-muted-foreground\">\r\n                {isAnnual ? priceDisplay.annually.label : priceDisplay.monthly.label}\r\n              </span>\r\n            </div>\r\n\r\n            {isAnnual && priceDisplay.annually.originalAmount && (\r\n              <p className=\"text-sm text-green-500 line-through\">\r\n                {\" \"}\r\n                {priceDisplay.annually.originalAmount} / month\r\n              </p>\r\n            )}\r\n\r\n            <div className=\"space-y-3\">\r\n              {features.map((feature) => (\r\n                <div key={feature} className=\"flex items-center gap-2\">\r\n                  <div className=\"h-5 w-5 rounded-full bg-primary/10 flex items-center justify-center shrink-0\">\r\n                    <Check className=\"h-3 w-3 text-primary\" />\r\n                  </div>\r\n                  <span className=\"text-sm text-muted-foreground\">{feature}</span>\r\n                </div>\r\n              ))}\r\n            </div>\r\n          </CardContent>\r\n\r\n          <CardFooter>\r\n            <Button\r\n              className=\"w-full\"\r\n              color=\"primary\"\r\n              size=\"lg\"\r\n              as=\"a\"\r\n              href={`${import.meta.env.VITE_SERVER_URL}/stripe/checkout/${currentPriceId}`}\r\n            >\r\n              {isAnnual ? \"Subscribe Annually\" : \"Subscribe Monthly\"}\r\n            </Button>\r\n          </CardFooter>\r\n        </Card>\r\n\r\n        <div className=\"text-balance text-center text-xs text-muted-foreground [&_a]:underline [&_a]:underline-offset-4 [&_a]:hover:text-primary\">\r\n          <a href={termsOfServiceUrl} rel=\"noopener noreferrer\" target=\"_blank\">\r\n            {t(\"common.termsOfService\", \"Terms of Service\")}\r\n          </a>{\" \"}\r\n          {t(\"common.and\", \"and\")}{\" \"}\r\n          <Link to=\"/privacy\">{t(\"common.privacyPolicy\", \"Privacy Policy\")}</Link>\r\n        </div>\r\n      </div>\r\n\r\n      <div className=\"fixed bottom-4 left-4\">\r\n        <Button variant=\"light\" onPress={handleLogout} className=\"gap-2\">\r\n          <LogOut className=\"h-4 w-4\" />\r\n          {t(\"sidebar.user.logout\", \"Log out\")}\r\n        </Button>\r\n      </div>\r\n    </div>\r\n  );\r\n}\r\n"],"mappings":"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"}
+{"version":3,"file":"BillingSinglePlanSelect.mjs","names":["Card","CardHeader"],"sources":["../../../../../src/modules/billing/components/BillingSinglePlanSelect.tsx"],"sourcesContent":["import { Button } from \"@heroui/react\";\r\nimport type { StripePlan } from \"@m5kdev/commons/modules/billing/billing.types\";\r\nimport { authClient } from \"@m5kdev/frontend/modules/auth/auth.lib\";\r\nimport { Check, LogOut } from \"lucide-react\";\r\nimport { useState } from \"react\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport { Link, useNavigate } from \"react-router\";\r\nimport {\r\n  Card,\r\n  CardContent,\r\n  CardDescription,\r\n  CardFooter,\r\n  CardHeader,\r\n  CardTitle,\r\n} from \"../../../components/ui/card\";\r\nimport { Tabs, TabsList, TabsTrigger } from \"../../../components/ui/tabs\";\r\nimport { cn } from \"../../../lib/utils\";\r\n\r\nexport interface BillingSinglePlanSelectProps {\r\n  plan: StripePlan;\r\n  features?: string[];\r\n  /** URL for the Terms of Service link. Override for your app's legal page. */\r\n  termsOfServiceUrl?: string;\r\n}\r\n\r\nexport function BillingSinglePlanSelect({\r\n  plan,\r\n  termsOfServiceUrl,\r\n  features = [\r\n    \"Unlimited access to all features\",\r\n    \"Priority support\",\r\n    \"Early access to new features\",\r\n    \"Secure data storage\",\r\n    \"Cancel anytime\",\r\n  ],\r\n}: BillingSinglePlanSelectProps) {\r\n  const { t } = useTranslation(\"web-ui\");\r\n  const navigate = useNavigate();\r\n  const [billingInterval, setBillingInterval] = useState<\"monthly\" | \"annually\">(\"annually\");\r\n\r\n  const handleLogout = async () => {\r\n    await authClient.signOut();\r\n    navigate(\"/login\");\r\n  };\r\n\r\n  const isAnnual = billingInterval === \"annually\";\r\n  const currentPriceId = isAnnual ? plan.annualDiscountPriceId : plan.priceId;\r\n\r\n  // Fallback if no annual price ID exists\r\n  const hasAnnualOption = !!plan.annualDiscountPriceId;\r\n\r\n  const priceUnitAmount = plan.priceUnitAmount ?? Number.NaN;\r\n  const annualPriceUnitAmount = plan.annualPriceUnitAmount ?? Number.NaN;\r\n\r\n  const priceDisplay = {\r\n    monthly: {\r\n      amount: `$${priceUnitAmount / 100}`,\r\n      label: \"/ month\",\r\n    },\r\n    annually: {\r\n      amount: `$${annualPriceUnitAmount / 100 / 12}`,\r\n      originalAmount: `$${priceUnitAmount / 100}`,\r\n      label: \"/ month, billed annually\",\r\n      discountLabel: plan.annualPriceUnitAmount\r\n        ? `Save ${Math.floor(((priceUnitAmount - annualPriceUnitAmount / 12) / priceUnitAmount) * 100).toFixed(0)}%`\r\n        : \"\",\r\n    },\r\n  };\r\n\r\n  return (\r\n    <div className=\"w-full max-w-3xl mx-auto px-4 py-8\">\r\n      <div className=\"flex flex-col items-center gap-8\">\r\n        <div className=\"text-center space-y-2\">\r\n          <h2 className=\"text-3xl font-bold tracking-tight sm:text-4xl\">\r\n            {t(\"billing.plans.title\", \"Simple, transparent pricing\")}\r\n          </h2>\r\n          <p className=\"text-muted-foreground text-lg\">\r\n            {t(\"billing.plans.subtitle\", \"Choose the plan that's right for you\")}\r\n          </p>\r\n        </div>\r\n\r\n        {hasAnnualOption && (\r\n          <Tabs\r\n            defaultValue=\"annually\"\r\n            value={billingInterval}\r\n            onValueChange={(v) => setBillingInterval(v as \"monthly\" | \"annually\")}\r\n            className=\"w-full max-w-xs\"\r\n          >\r\n            <TabsList className=\"grid w-full grid-cols-2\">\r\n              <TabsTrigger value=\"monthly\">Monthly</TabsTrigger>\r\n              <TabsTrigger value=\"annually\" className=\"relative\">\r\n                Annually\r\n                {priceDisplay.annually.discountLabel && (\r\n                  <span className=\"absolute -top-3 -right-3 px-1.5 py-0.5 rounded-full bg-green-500 text-[10px] text-white font-medium transform rotate-12\">\r\n                    {priceDisplay.annually.discountLabel}\r\n                  </span>\r\n                )}\r\n              </TabsTrigger>\r\n            </TabsList>\r\n          </Tabs>\r\n        )}\r\n\r\n        <Card className={cn(\"w-full max-w-md border-2 border-primary\")}>\r\n          <CardHeader>\r\n            <CardTitle className=\"flex justify-between items-start\">\r\n              <span className=\"text-xl font-bold\">{plan.name}</span>\r\n            </CardTitle>\r\n            <CardDescription>\r\n              {isAnnual ? \"Perfect for long-term commitment\" : \"Flexible monthly billing\"}\r\n            </CardDescription>\r\n          </CardHeader>\r\n\r\n          <CardContent className=\"space-y-6\">\r\n            <div className=\"flex items-baseline gap-1\">\r\n              <span className=\"text-4xl font-bold\">\r\n                {isAnnual ? priceDisplay.annually.amount : priceDisplay.monthly.amount}\r\n              </span>\r\n              <span className=\"text-muted-foreground\">\r\n                {isAnnual ? priceDisplay.annually.label : priceDisplay.monthly.label}\r\n              </span>\r\n            </div>\r\n\r\n            {isAnnual && priceDisplay.annually.originalAmount && (\r\n              <p className=\"text-sm text-green-500 line-through\">\r\n                {\" \"}\r\n                {priceDisplay.annually.originalAmount} / month\r\n              </p>\r\n            )}\r\n\r\n            <div className=\"space-y-3\">\r\n              {features.map((feature) => (\r\n                <div key={feature} className=\"flex items-center gap-2\">\r\n                  <div className=\"h-5 w-5 rounded-full bg-primary/10 flex items-center justify-center shrink-0\">\r\n                    <Check className=\"h-3 w-3 text-primary\" />\r\n                  </div>\r\n                  <span className=\"text-sm text-muted-foreground\">{feature}</span>\r\n                </div>\r\n              ))}\r\n            </div>\r\n          </CardContent>\r\n\r\n          <CardFooter>\r\n            <Button\r\n              className=\"w-full\"\r\n              color=\"primary\"\r\n              size=\"lg\"\r\n              as=\"a\"\r\n              href={`${import.meta.env.VITE_SERVER_URL}/stripe/checkout/${currentPriceId}`}\r\n            >\r\n              {isAnnual ? \"Subscribe Annually\" : \"Subscribe Monthly\"}\r\n            </Button>\r\n          </CardFooter>\r\n        </Card>\r\n\r\n        <div className=\"text-balance text-center text-xs text-muted-foreground [&_a]:underline [&_a]:underline-offset-4 [&_a]:hover:text-primary\">\r\n          <a href={termsOfServiceUrl} rel=\"noopener noreferrer\" target=\"_blank\">\r\n            {t(\"common.termsOfService\", \"Terms of Service\")}\r\n          </a>{\" \"}\r\n          {t(\"common.and\", \"and\")}{\" \"}\r\n          <Link to=\"/privacy\">{t(\"common.privacyPolicy\", \"Privacy Policy\")}</Link>\r\n        </div>\r\n      </div>\r\n\r\n      <div className=\"fixed bottom-4 left-4\">\r\n        <Button variant=\"light\" onPress={handleLogout} className=\"gap-2\">\r\n          <LogOut className=\"h-4 w-4\" />\r\n          {t(\"sidebar.user.logout\", \"Log out\")}\r\n        </Button>\r\n      </div>\r\n    </div>\r\n  );\r\n}\r\n"],"mappings":"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"}

package/dist/src/modules/table/components/ColumnOrderAndVisibility.js

@@ -1,9 +1,9 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 require("../../../../_virtual/_rolldown/runtime.js");
 const require_src_components_ui_button = require("../../../components/ui/button.js");
+let lucide_react = require("lucide-react");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
-let lucide_react = require("lucide-react");
 let _dnd_kit_core = require("@dnd-kit/core");
 let _dnd_kit_sortable = require("@dnd-kit/sortable");
 let _dnd_kit_utilities = require("@dnd-kit/utilities");

package/dist/src/modules/table/components/ColumnOrderAndVisibility.mjs

@@ -1,7 +1,7 @@
 import { Button } from "../../../components/ui/button.mjs";
+import { EyeIcon, EyeOffIcon, GripVertical } from "lucide-react";
 import { useCallback, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { EyeIcon, EyeOffIcon, GripVertical } from "lucide-react";
 import { DndContext, KeyboardSensor, PointerSensor, useSensor, useSensors } from "@dnd-kit/core";
 import { SortableContext, arrayMove, sortableKeyboardCoordinates, useSortable, verticalListSortingStrategy } from "@dnd-kit/sortable";
 import { CSS } from "@dnd-kit/utilities";

package/dist/src/modules/table/components/NuqsTable.js

@@ -6,10 +6,10 @@ const require_src_modules_table_components_ColumnOrderAndVisibility = require(".
 const require_src_modules_table_components_TableFiltering = require("./TableFiltering.js");
 const require_src_modules_table_components_TableGroupBy = require("./TableGroupBy.js");
 const require_src_modules_table_components_TablePagination = require("./TablePagination.js");
+let lucide_react = require("lucide-react");
 let react = require("react");
-let _heroui_react = require("@heroui/react");
 let react_jsx_runtime = require("react/jsx-runtime");
-let lucide_react = require("lucide-react");
+let _heroui_react = require("@heroui/react");
 let _tanstack_react_table = require("@tanstack/react-table");
 //#region src/modules/table/components/NuqsTable.tsx
 function getStorageKey(columnIds) {

package/dist/src/modules/table/components/NuqsTable.mjs

@@ -4,10 +4,10 @@ import { ColumnOrderAndVisibility } from "./ColumnOrderAndVisibility.mjs";
 import { TableFiltering } from "./TableFiltering.mjs";
 import { TableGroupBy } from "./TableGroupBy.mjs";
 import { TablePagination } from "./TablePagination.mjs";
+import { ChevronDown, ChevronRight, ChevronUp, Search } from "lucide-react";
 import { useEffect, useMemo, useRef, useState } from "react";
-import { Checkbox, Input, Popover, PopoverContent, PopoverTrigger } from "@heroui/react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
-import { ChevronDown, ChevronRight, ChevronUp, Search } from "lucide-react";
+import { Checkbox, Input, Popover, PopoverContent, PopoverTrigger } from "@heroui/react";
 import { flexRender, getCoreRowModel, getExpandedRowModel, getGroupedRowModel, getPaginationRowModel, useReactTable } from "@tanstack/react-table";
 //#region src/modules/table/components/NuqsTable.tsx
 function getStorageKey(columnIds) {

package/dist/src/modules/table/components/TableFiltering.js

@@ -2,10 +2,10 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 require("../../../../_virtual/_rolldown/runtime.js");
 const require_src_components_ui_button = require("../../../components/ui/button.js");
 const require_src_modules_table_filterTransformers = require("../filterTransformers.js");
+let lucide_react = require("lucide-react");
 let react = require("react");
-let _heroui_react = require("@heroui/react");
 let react_jsx_runtime = require("react/jsx-runtime");
-let lucide_react = require("lucide-react");
+let _heroui_react = require("@heroui/react");
 let _internationalized_date = require("@internationalized/date");
 //#region src/modules/table/components/TableFiltering.tsx
 const componentForFilterMethod = {

package/dist/src/modules/table/components/TableFiltering.mjs

@@ -1,9 +1,9 @@
 import { Button as Button$1 } from "../../../components/ui/button.mjs";
 import { transformFiltersFromHeroUI, transformFiltersToHeroUI } from "../filterTransformers.mjs";
+import { PlusIcon, XIcon } from "lucide-react";
 import { useCallback, useEffect, useMemo, useState } from "react";
-import { DatePicker, DateRangePicker, Input, Select, SelectItem } from "@heroui/react";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { PlusIcon, XIcon } from "lucide-react";
+import { DatePicker, DateRangePicker, Input, Select, SelectItem } from "@heroui/react";
 import { getLocalTimeZone, today } from "@internationalized/date";
 //#region src/modules/table/components/TableFiltering.tsx
 const componentForFilterMethod = {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@m5kdev/web-ui",
-  "version": "0.9.2",
+  "version": "0.9.3",
   "license": "GPL-3.0-only",
   "repository": {
     "type": "git",
@@ -67,8 +67,8 @@
     "zod": "4.2.1",
     "@tanstack/react-query": "5.83.0",
     "@trpc/tanstack-react-query": "11.4.3",
-    "@m5kdev/frontend": "0.9.2",
-    "@m5kdev/commons": "0.9.2"
+    "@m5kdev/commons": "0.9.3",
+    "@m5kdev/frontend": "0.9.3"
   },
   "devDependencies": {
     "@tsdown/css": "0.21.7",
@@ -80,8 +80,8 @@
     "globals": "16.3.0",
     "tsdown": "0.21.7",
     "vite": "7.0.4",
-    "@m5kdev/config": "0.9.2",
-    "@m5kdev/backend": "0.9.2"
+    "@m5kdev/config": "0.9.3",
+    "@m5kdev/backend": "0.9.3"
   },
   "exports": {
     "./components/*": {