@m5kdev/web-ui 0.8.0 → 0.8.2

package/dist/src/components/ui/floating-navbar.d.ts

@@ -1,5 +1,5 @@
-import React from "react";
 import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+import React from "react";
 
 //#region src/components/ui/floating-navbar.d.ts
 declare const FloatingNav: ({

package/dist/src/components/ui/floating-navbar.js

@@ -1,7 +1,7 @@
 "use client";
 import { cn } from "../../lib/utils.js";
-import { useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { useState } from "react";
 import { AnimatePresence, motion, useMotionValueEvent, useScroll } from "motion/react";
 //#region src/components/ui/floating-navbar.tsx
 const FloatingNav = ({ navItems, className }) => {

package/dist/src/components/ui/form.d.ts

@@ -1,5 +1,5 @@
-import * as React$1 from "react";
 import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+import * as React$1 from "react";
 import * as _$_radix_ui_react_slot0 from "@radix-ui/react-slot";
 import * as _$react_hook_form0 from "react-hook-form";
 import { ControllerProps, FieldPath, FieldValues } from "react-hook-form";

package/dist/src/components/ui/form.js

@@ -1,7 +1,7 @@
 import { cn } from "../../lib/utils.js";
 import { Label } from "./label.js";
-import * as React$1 from "react";
 import { jsx } from "react/jsx-runtime";
+import * as React$1 from "react";
 import { Slot } from "@radix-ui/react-slot";
 import { Controller, FormProvider, useFormContext } from "react-hook-form";
 //#region src/components/ui/form.tsx

package/dist/src/components/ui/image.js

@@ -1,6 +1,6 @@
 import { cn } from "../../lib/utils.js";
-import React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
+import React from "react";
 //#region src/components/ui/image.tsx
 const Image = React.forwardRef(({ className, src, alt, fallback, ...props }, ref) => {
 	const [error, setError] = React.useState(false);

package/dist/src/components/ui/input.js

@@ -1,6 +1,6 @@
 import { cn } from "../../lib/utils.js";
-import * as React$1 from "react";
 import { jsx } from "react/jsx-runtime";
+import * as React$1 from "react";
 //#region src/components/ui/input.tsx
 const Input = React$1.forwardRef(({ className, type, ...props }, ref) => {
 	return /* @__PURE__ */ jsx("input", {

package/dist/src/components/ui/label.js

@@ -1,6 +1,6 @@
 import { cn } from "../../lib/utils.js";
-import * as React$1 from "react";
 import { jsx } from "react/jsx-runtime";
+import * as React$1 from "react";
 import { cva } from "class-variance-authority";
 import * as LabelPrimitive from "@radix-ui/react-label";
 //#region src/components/ui/label.tsx

package/dist/src/components/ui/pagination.d.ts

@@ -1,6 +1,6 @@
 import { Button } from "./button.js";
-import * as React$1 from "react";
 import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+import * as React$1 from "react";
 
 //#region src/components/ui/pagination.d.ts
 declare function Pagination({

package/dist/src/components/ui/progress.js

@@ -1,6 +1,6 @@
 import { cn } from "../../lib/utils.js";
-import * as React$1 from "react";
 import { jsx } from "react/jsx-runtime";
+import * as React$1 from "react";
 import * as ProgressPrimitive from "@radix-ui/react-progress";
 //#region src/components/ui/progress.tsx
 const Progress = React$1.forwardRef(({ className, value, ...props }, ref) => /* @__PURE__ */ jsx(ProgressPrimitive.Root, {

package/dist/src/components/ui/resizable-navbar.d.ts

@@ -1,5 +1,5 @@
-import React from "react";
 import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+import React from "react";
 
 //#region src/components/ui/resizable-navbar.d.ts
 interface NavbarProps {

package/dist/src/components/ui/resizable-navbar.js

@@ -1,8 +1,8 @@
 "use client";
 import { cn } from "../../lib/utils.js";
-import React, { useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { MenuIcon, XIcon } from "lucide-react";
+import React, { useRef, useState } from "react";
 import { AnimatePresence, motion, useMotionValueEvent, useScroll } from "motion/react";
 //#region src/components/ui/resizable-navbar.tsx
 const Navbar = ({ children, className }) => {

package/dist/src/components/ui/segment-control.js

@@ -1,7 +1,7 @@
 import { Button } from "./button.js";
 import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger } from "./dropdown-menu.js";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { useLayoutEffect, useRef, useState } from "react";
-import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { IconChevronDown } from "@tabler/icons-react";
 //#region src/components/ui/segment-control.tsx
 const SegmentDropdown = ({ options, value, resetButton, onChange }) => {
@@ -51,7 +51,7 @@ const SegmentDropdown = ({ options, value, resetButton, onChange }) => {
 	});
 };
 const SegmentControl = ({ options, value, onChange, className = "", resetButton = false }) => {
-	return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx("div", {
+	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("div", {
 		className: "block sm:hidden w-full " + className,
 		children: /* @__PURE__ */ jsx(SegmentDropdown, {
 			options,
@@ -71,7 +71,7 @@ const SegmentControl = ({ options, value, onChange, className = "", resetButton
 				"aria-pressed": selected,
 				children: option
 			}, option);
-		}), resetButton && /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx("div", { className: "border-l border-muted-foreground/20 h-4 sm:h-6 mx-1 sm:mx-2" }), /* @__PURE__ */ jsx(Button, {
+		}), resetButton && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("div", { className: "border-l border-muted-foreground/20 h-4 sm:h-6 mx-1 sm:mx-2" }), /* @__PURE__ */ jsx(Button, {
 			type: "button",
 			variant: "ghost",
 			onClick: () => onChange(null),

package/dist/src/components/ui/segment-control.js.map

@@ -1 +1 @@
-{"version":3,"file":"segment-control.js","names":[],"sources":["../../../../src/components/ui/segment-control.tsx"],"sourcesContent":["import { IconChevronDown } from \"@tabler/icons-react\";\r\nimport { useLayoutEffect, useRef, useState } from \"react\";\r\nimport { Button } from \"./button\";\r\nimport {\r\n  DropdownMenu,\r\n  DropdownMenuContent,\r\n  DropdownMenuItem,\r\n  DropdownMenuTrigger,\r\n} from \"./dropdown-menu\";\r\n\r\ninterface SegmentControlProps {\r\n  options: string[];\r\n  value: string | null;\r\n  onChange: (value: string | null) => void;\r\n  className?: string;\r\n  resetButton: boolean;\r\n}\r\n\r\nconst SegmentDropdown = ({ options, value, resetButton, onChange }: SegmentControlProps) => {\r\n  const [triggerWidth, setTriggerWidth] = useState<number>();\r\n  const triggerRef = useRef<HTMLButtonElement>(null);\r\n  const [open, setOpen] = useState(false);\r\n\r\n  useLayoutEffect(() => {\r\n    if (triggerRef.current) {\r\n      console.log(triggerRef.current.offsetWidth);\r\n      setTriggerWidth(triggerRef.current.offsetWidth);\r\n    }\r\n  }, []);\r\n  return (\r\n    <DropdownMenu open={open} onOpenChange={setOpen}>\r\n      <DropdownMenuTrigger asChild ref={triggerRef}>\r\n        <Button className=\"w-full justify-between rounded-full border border-muted bg-muted/70 px-4 py-2 text-sm font-medium text-white\">\r\n          {value ?? resetButton ?? options[0]}\r\n          <IconChevronDown className=\"ml-2 h-4 w-4 opacity-60\" />\r\n        </Button>\r\n      </DropdownMenuTrigger>\r\n      <DropdownMenuContent\r\n        style={{ width: triggerWidth }}\r\n        onInteractOutside={(e) => {\r\n          e.preventDefault();\r\n          setOpen(false);\r\n        }}\r\n      >\r\n        {resetButton && (\r\n          <DropdownMenuItem\r\n            onSelect={(e) => {\r\n              e.preventDefault();\r\n              onChange(null);\r\n              setOpen(false);\r\n            }}\r\n            className={value === null ? \"bg-primary text-primary-foreground\" : \"\"}\r\n          >\r\n            {resetButton}\r\n          </DropdownMenuItem>\r\n        )}\r\n        {options.map((option) => (\r\n          <DropdownMenuItem\r\n            key={option}\r\n            onSelect={(e) => {\r\n              e.preventDefault();\r\n              onChange(option);\r\n              setOpen(false);\r\n            }}\r\n            className={value === option ? \"bg-primary text-primary-foreground\" : \"\"}\r\n          >\r\n            {option}\r\n          </DropdownMenuItem>\r\n        ))}\r\n      </DropdownMenuContent>\r\n    </DropdownMenu>\r\n  );\r\n};\r\n\r\nexport const SegmentControl: React.FC<SegmentControlProps> = ({\r\n  options,\r\n  value,\r\n  onChange,\r\n  className = \"\",\r\n  resetButton = false,\r\n}) => {\r\n  // Dropdown for mobile (below sm)\r\n  return (\r\n    <>\r\n      {/* Mobile: Dropdown */}\r\n      <div className={\"block sm:hidden w-full \" + className}>\r\n        <SegmentDropdown\r\n          options={options}\r\n          value={value}\r\n          resetButton={resetButton}\r\n          onChange={onChange}\r\n        />\r\n      </div>\r\n      {/* Desktop: Segmented buttons */}\r\n      <fieldset\r\n        className={\r\n          \"hidden sm:inline-flex flex-wrap items-center justify-center gap-1 sm:gap-2 bg-muted/70 rounded-full px-2 py-1.5 sm:px-4 sm:py-2 border-0 \" +\r\n          className\r\n        }\r\n      >\r\n        {options.map((option) => {\r\n          const selected = value === option;\r\n          return (\r\n            <Button\r\n              key={option}\r\n              type=\"button\"\r\n              variant=\"ghost\"\r\n              onClick={() => onChange(option)}\r\n              className={\r\n                \"transition px-2 py-1.5 sm:px-4 sm:py-2 rounded-full text-xs sm:text-sm font-medium min-w-[60px] sm:min-w-[80px] \" +\r\n                (selected\r\n                  ? \"bg-primary text-primary-foreground shadow hover:bg-primary hover:text-primary-foreground\"\r\n                  : \"bg-transparent text-muted-foreground hover:bg-muted hover:text-foreground hover:shadow\")\r\n              }\r\n              aria-pressed={selected}\r\n            >\r\n              {option}\r\n            </Button>\r\n          );\r\n        })}\r\n        {resetButton && (\r\n          <>\r\n            <div className=\"border-l border-muted-foreground/20 h-4 sm:h-6 mx-1 sm:mx-2\" />\r\n            <Button\r\n              type=\"button\"\r\n              variant=\"ghost\"\r\n              onClick={() => onChange(null)}\r\n              className={\r\n                \"transition px-2 py-1.5 sm:px-4 sm:py-2 rounded-full text-xs sm:text-sm font-medium min-w-[60px] sm:min-w-[80px] \" +\r\n                (value === null\r\n                  ? \"bg-primary text-primary-foreground shadow hover:bg-primary hover:text-primary-foreground\"\r\n                  : \"bg-transparent text-muted-foreground hover:bg-muted hover:text-foreground hover:shadow\")\r\n              }\r\n              aria-label=\"Reset\"\r\n            >\r\n              {resetButton}\r\n            </Button>\r\n          </>\r\n        )}\r\n      </fieldset>\r\n    </>\r\n  );\r\n};\r\n"],"mappings":";;;;;;AAkBA,MAAM,mBAAmB,EAAE,SAAS,OAAO,aAAa,eAAoC;CAC1F,MAAM,CAAC,cAAc,mBAAmB,UAAkB;CAC1D,MAAM,aAAa,OAA0B,KAAK;CAClD,MAAM,CAAC,MAAM,WAAW,SAAS,MAAM;AAEvC,uBAAsB;AACpB,MAAI,WAAW,SAAS;AACtB,WAAQ,IAAI,WAAW,QAAQ,YAAY;AAC3C,mBAAgB,WAAW,QAAQ,YAAY;;IAEhD,EAAE,CAAC;AACN,QACE,qBAAC,cAAD;EAAoB;EAAM,cAAc;YAAxC,CACE,oBAAC,qBAAD;GAAqB,SAAA;GAAQ,KAAK;aAChC,qBAAC,QAAD;IAAQ,WAAU;cAAlB,CACG,SAAS,eAAe,QAAQ,IACjC,oBAAC,iBAAD,EAAiB,WAAU,2BAA4B,CAAA,CAChD;;GACW,CAAA,EACtB,qBAAC,qBAAD;GACE,OAAO,EAAE,OAAO,cAAc;GAC9B,oBAAoB,MAAM;AACxB,MAAE,gBAAgB;AAClB,YAAQ,MAAM;;aAJlB,CAOG,eACC,oBAAC,kBAAD;IACE,WAAW,MAAM;AACf,OAAE,gBAAgB;AAClB,cAAS,KAAK;AACd,aAAQ,MAAM;;IAEhB,WAAW,UAAU,OAAO,uCAAuC;cAElE;IACgB,CAAA,EAEpB,QAAQ,KAAK,WACZ,oBAAC,kBAAD;IAEE,WAAW,MAAM;AACf,OAAE,gBAAgB;AAClB,cAAS,OAAO;AAChB,aAAQ,MAAM;;IAEhB,WAAW,UAAU,SAAS,uCAAuC;cAEpE;IACgB,EATZ,OASY,CACnB,CACkB;KACT;;;AAInB,MAAa,kBAAiD,EAC5D,SACA,OACA,UACA,YAAY,IACZ,cAAc,YACV;AAEJ,QACE,qBAAA,YAAA,EAAA,UAAA,CAEE,oBAAC,OAAD;EAAK,WAAW,4BAA4B;YAC1C,oBAAC,iBAAD;GACW;GACF;GACM;GACH;GACV,CAAA;EACE,CAAA,EAEN,qBAAC,YAAD;EACE,WACE,8IACA;YAHJ,CAMG,QAAQ,KAAK,WAAW;GACvB,MAAM,WAAW,UAAU;AAC3B,UACE,oBAAC,QAAD;IAEE,MAAK;IACL,SAAQ;IACR,eAAe,SAAS,OAAO;IAC/B,WACE,sHACC,WACG,6FACA;IAEN,gBAAc;cAEb;IACM,EAbF,OAaE;IAEX,EACD,eACC,qBAAA,YAAA,EAAA,UAAA,CACE,oBAAC,OAAD,EAAK,WAAU,+DAAgE,CAAA,EAC/E,oBAAC,QAAD;GACE,MAAK;GACL,SAAQ;GACR,eAAe,SAAS,KAAK;GAC7B,WACE,sHACC,UAAU,OACP,6FACA;GAEN,cAAW;aAEV;GACM,CAAA,CACR,EAAA,CAAA,CAEI;IACV,EAAA,CAAA"}
+{"version":3,"file":"segment-control.js","names":[],"sources":["../../../../src/components/ui/segment-control.tsx"],"sourcesContent":["import { IconChevronDown } from \"@tabler/icons-react\";\r\nimport { useLayoutEffect, useRef, useState } from \"react\";\r\nimport { Button } from \"./button\";\r\nimport {\r\n  DropdownMenu,\r\n  DropdownMenuContent,\r\n  DropdownMenuItem,\r\n  DropdownMenuTrigger,\r\n} from \"./dropdown-menu\";\r\n\r\ninterface SegmentControlProps {\r\n  options: string[];\r\n  value: string | null;\r\n  onChange: (value: string | null) => void;\r\n  className?: string;\r\n  resetButton: boolean;\r\n}\r\n\r\nconst SegmentDropdown = ({ options, value, resetButton, onChange }: SegmentControlProps) => {\r\n  const [triggerWidth, setTriggerWidth] = useState<number>();\r\n  const triggerRef = useRef<HTMLButtonElement>(null);\r\n  const [open, setOpen] = useState(false);\r\n\r\n  useLayoutEffect(() => {\r\n    if (triggerRef.current) {\r\n      console.log(triggerRef.current.offsetWidth);\r\n      setTriggerWidth(triggerRef.current.offsetWidth);\r\n    }\r\n  }, []);\r\n  return (\r\n    <DropdownMenu open={open} onOpenChange={setOpen}>\r\n      <DropdownMenuTrigger asChild ref={triggerRef}>\r\n        <Button className=\"w-full justify-between rounded-full border border-muted bg-muted/70 px-4 py-2 text-sm font-medium text-white\">\r\n          {value ?? resetButton ?? options[0]}\r\n          <IconChevronDown className=\"ml-2 h-4 w-4 opacity-60\" />\r\n        </Button>\r\n      </DropdownMenuTrigger>\r\n      <DropdownMenuContent\r\n        style={{ width: triggerWidth }}\r\n        onInteractOutside={(e) => {\r\n          e.preventDefault();\r\n          setOpen(false);\r\n        }}\r\n      >\r\n        {resetButton && (\r\n          <DropdownMenuItem\r\n            onSelect={(e) => {\r\n              e.preventDefault();\r\n              onChange(null);\r\n              setOpen(false);\r\n            }}\r\n            className={value === null ? \"bg-primary text-primary-foreground\" : \"\"}\r\n          >\r\n            {resetButton}\r\n          </DropdownMenuItem>\r\n        )}\r\n        {options.map((option) => (\r\n          <DropdownMenuItem\r\n            key={option}\r\n            onSelect={(e) => {\r\n              e.preventDefault();\r\n              onChange(option);\r\n              setOpen(false);\r\n            }}\r\n            className={value === option ? \"bg-primary text-primary-foreground\" : \"\"}\r\n          >\r\n            {option}\r\n          </DropdownMenuItem>\r\n        ))}\r\n      </DropdownMenuContent>\r\n    </DropdownMenu>\r\n  );\r\n};\r\n\r\nexport const SegmentControl: React.FC<SegmentControlProps> = ({\r\n  options,\r\n  value,\r\n  onChange,\r\n  className = \"\",\r\n  resetButton = false,\r\n}) => {\r\n  // Dropdown for mobile (below sm)\r\n  return (\r\n    <>\r\n      {/* Mobile: Dropdown */}\r\n      <div className={\"block sm:hidden w-full \" + className}>\r\n        <SegmentDropdown\r\n          options={options}\r\n          value={value}\r\n          resetButton={resetButton}\r\n          onChange={onChange}\r\n        />\r\n      </div>\r\n      {/* Desktop: Segmented buttons */}\r\n      <fieldset\r\n        className={\r\n          \"hidden sm:inline-flex flex-wrap items-center justify-center gap-1 sm:gap-2 bg-muted/70 rounded-full px-2 py-1.5 sm:px-4 sm:py-2 border-0 \" +\r\n          className\r\n        }\r\n      >\r\n        {options.map((option) => {\r\n          const selected = value === option;\r\n          return (\r\n            <Button\r\n              key={option}\r\n              type=\"button\"\r\n              variant=\"ghost\"\r\n              onClick={() => onChange(option)}\r\n              className={\r\n                \"transition px-2 py-1.5 sm:px-4 sm:py-2 rounded-full text-xs sm:text-sm font-medium min-w-[60px] sm:min-w-[80px] \" +\r\n                (selected\r\n                  ? \"bg-primary text-primary-foreground shadow hover:bg-primary hover:text-primary-foreground\"\r\n                  : \"bg-transparent text-muted-foreground hover:bg-muted hover:text-foreground hover:shadow\")\r\n              }\r\n              aria-pressed={selected}\r\n            >\r\n              {option}\r\n            </Button>\r\n          );\r\n        })}\r\n        {resetButton && (\r\n          <>\r\n            <div className=\"border-l border-muted-foreground/20 h-4 sm:h-6 mx-1 sm:mx-2\" />\r\n            <Button\r\n              type=\"button\"\r\n              variant=\"ghost\"\r\n              onClick={() => onChange(null)}\r\n              className={\r\n                \"transition px-2 py-1.5 sm:px-4 sm:py-2 rounded-full text-xs sm:text-sm font-medium min-w-[60px] sm:min-w-[80px] \" +\r\n                (value === null\r\n                  ? \"bg-primary text-primary-foreground shadow hover:bg-primary hover:text-primary-foreground\"\r\n                  : \"bg-transparent text-muted-foreground hover:bg-muted hover:text-foreground hover:shadow\")\r\n              }\r\n              aria-label=\"Reset\"\r\n            >\r\n              {resetButton}\r\n            </Button>\r\n          </>\r\n        )}\r\n      </fieldset>\r\n    </>\r\n  );\r\n};\r\n"],"mappings":";;;;;;AAkBA,MAAM,mBAAmB,EAAE,SAAS,OAAO,aAAa,eAAoC;CAC1F,MAAM,CAAC,cAAc,mBAAmB,UAAkB;CAC1D,MAAM,aAAa,OAA0B,KAAK;CAClD,MAAM,CAAC,MAAM,WAAW,SAAS,MAAM;AAEvC,uBAAsB;AACpB,MAAI,WAAW,SAAS;AACtB,WAAQ,IAAI,WAAW,QAAQ,YAAY;AAC3C,mBAAgB,WAAW,QAAQ,YAAY;;IAEhD,EAAE,CAAC;AACN,QACE,qBAAC,cAAD;EAAoB;EAAM,cAAc;YAAxC,CACE,oBAAC,qBAAD;GAAqB,SAAA;GAAQ,KAAK;aAChC,qBAAC,QAAD;IAAQ,WAAU;cAAlB,CACG,SAAS,eAAe,QAAQ,IACjC,oBAAC,iBAAD,EAAiB,WAAU,2BAA4B,CAAA,CAChD;;GACW,CAAA,EACtB,qBAAC,qBAAD;GACE,OAAO,EAAE,OAAO,cAAc;GAC9B,oBAAoB,MAAM;AACxB,MAAE,gBAAgB;AAClB,YAAQ,MAAM;;aAJlB,CAOG,eACC,oBAAC,kBAAD;IACE,WAAW,MAAM;AACf,OAAE,gBAAgB;AAClB,cAAS,KAAK;AACd,aAAQ,MAAM;;IAEhB,WAAW,UAAU,OAAO,uCAAuC;cAElE;IACgB,CAAA,EAEpB,QAAQ,KAAK,WACZ,oBAAC,kBAAD;IAEE,WAAW,MAAM;AACf,OAAE,gBAAgB;AAClB,cAAS,OAAO;AAChB,aAAQ,MAAM;;IAEhB,WAAW,UAAU,SAAS,uCAAuC;cAEpE;IACgB,EATZ,OASY,CACnB,CACkB;KACT;;;AAInB,MAAa,kBAAiD,EAC5D,SACA,OACA,UACA,YAAY,IACZ,cAAc,YACV;AAEJ,QACE,qBAAA,UAAA,EAAA,UAAA,CAEE,oBAAC,OAAD;EAAK,WAAW,4BAA4B;YAC1C,oBAAC,iBAAD;GACW;GACF;GACM;GACH;GACV,CAAA;EACE,CAAA,EAEN,qBAAC,YAAD;EACE,WACE,8IACA;YAHJ,CAMG,QAAQ,KAAK,WAAW;GACvB,MAAM,WAAW,UAAU;AAC3B,UACE,oBAAC,QAAD;IAEE,MAAK;IACL,SAAQ;IACR,eAAe,SAAS,OAAO;IAC/B,WACE,sHACC,WACG,6FACA;IAEN,gBAAc;cAEb;IACM,EAbF,OAaE;IAEX,EACD,eACC,qBAAA,UAAA,EAAA,UAAA,CACE,oBAAC,OAAD,EAAK,WAAU,+DAAgE,CAAA,EAC/E,oBAAC,QAAD;GACE,MAAK;GACL,SAAQ;GACR,eAAe,SAAS,KAAK;GAC7B,WACE,sHACC,UAAU,OACP,6FACA;GAEN,cAAW;aAEV;GACM,CAAA,CACR,EAAA,CAAA,CAEI;IACV,EAAA,CAAA"}

package/dist/src/components/ui/select.js

@@ -1,8 +1,8 @@
 "use client";
 import { cn } from "../../lib/utils.js";
-import * as React$1 from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Check, ChevronDown, ChevronUp } from "lucide-react";
+import * as React$1 from "react";
 import * as SelectPrimitive from "@radix-ui/react-select";
 //#region src/components/ui/select.tsx
 const Select = SelectPrimitive.Root;

package/dist/src/components/ui/separator.js

@@ -1,6 +1,6 @@
 import { cn } from "../../lib/utils.js";
-import * as React$1 from "react";
 import { jsx } from "react/jsx-runtime";
+import * as React$1 from "react";
 import * as SeparatorPrimitive from "@radix-ui/react-separator";
 //#region src/components/ui/separator.tsx
 const Separator = React$1.forwardRef(({ className, orientation = "horizontal", decorative = true, ...props }, ref) => /* @__PURE__ */ jsx(SeparatorPrimitive.Root, {

package/dist/src/components/ui/sheet.d.ts

@@ -1,5 +1,5 @@
-import * as React$1 from "react";
 import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+import * as React$1 from "react";
 import { VariantProps } from "class-variance-authority";
 import * as SheetPrimitive from "@radix-ui/react-dialog";
 import * as _$class_variance_authority_types0 from "class-variance-authority/types";

package/dist/src/components/ui/sheet.js

@@ -1,8 +1,8 @@
 "use client";
 import { cn } from "../../lib/utils.js";
-import * as React$1 from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { X } from "lucide-react";
+import * as React$1 from "react";
 import { cva } from "class-variance-authority";
 import * as SheetPrimitive from "@radix-ui/react-dialog";
 //#region src/components/ui/sheet.tsx

package/dist/src/components/ui/sidebar.js

@@ -1,5 +1,4 @@
 "use client";
-import { useIsMobile } from "../../hooks/use-mobile.js";
 import { cn } from "../../lib/utils.js";
 import { Button } from "./button.js";
 import { Input } from "./input.js";
@@ -7,9 +6,10 @@ import { Separator } from "./separator.js";
 import { Sheet, SheetContent } from "./sheet.js";
 import { Skeleton } from "./skeleton.js";
 import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "./tooltip.js";
-import * as React$1 from "react";
+import { useIsMobile } from "../../hooks/use-mobile.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { PanelLeft } from "lucide-react";
+import * as React$1 from "react";
 import { Slot } from "@radix-ui/react-slot";
 import { cva } from "class-variance-authority";
 //#region src/components/ui/sidebar.tsx

package/dist/src/components/ui/slider.js

@@ -1,6 +1,6 @@
 import { cn } from "../../lib/utils.js";
-import * as React$1 from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
+import * as React$1 from "react";
 import * as SliderPrimitive from "@radix-ui/react-slider";
 //#region src/components/ui/slider.tsx
 const Slider = React$1.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxs(SliderPrimitive.Root, {

package/dist/src/components/ui/spinner.d.ts

@@ -1,5 +1,5 @@
-import React from "react";
 import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+import React from "react";
 import { VariantProps } from "class-variance-authority";
 import * as _$class_variance_authority_types0 from "class-variance-authority/types";
 

package/dist/src/components/ui/switch.js

@@ -1,6 +1,6 @@
 import { cn } from "../../lib/utils.js";
-import * as React$1 from "react";
 import { jsx } from "react/jsx-runtime";
+import * as React$1 from "react";
 import * as SwitchPrimitives from "@radix-ui/react-switch";
 //#region src/components/ui/switch.tsx
 const Switch = React$1.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(SwitchPrimitives.Root, {

package/dist/src/components/ui/table.d.ts

@@ -1,5 +1,5 @@
-import * as React$1 from "react";
 import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+import * as React$1 from "react";
 
 //#region src/components/ui/table.d.ts
 declare function Table({

package/dist/src/components/ui/tabs.d.ts

@@ -1,5 +1,5 @@
-import * as React$1 from "react";
 import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+import * as React$1 from "react";
 import * as TabsPrimitive from "@radix-ui/react-tabs";
 
 //#region src/components/ui/tabs.d.ts

package/dist/src/components/ui/textarea.d.ts

@@ -1,5 +1,5 @@
-import * as React$1 from "react";
 import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+import * as React$1 from "react";
 
 //#region src/components/ui/textarea.d.ts
 declare function Textarea({

package/dist/src/components/ui/timeline.d.ts

@@ -1,5 +1,5 @@
-import { ReactNode } from "react";
 import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+import { ReactNode } from "react";
 
 //#region src/components/ui/timeline.d.ts
 interface TimelineEntry {

package/dist/src/components/ui/timeline.js

@@ -1,6 +1,6 @@
 "use client";
-import { useEffect, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { useEffect, useRef, useState } from "react";
 import { motion, useScroll, useTransform } from "motion/react";
 //#region src/components/ui/timeline.tsx
 const Timeline = ({ data }) => {

package/dist/src/components/ui/toast.js

@@ -1,7 +1,7 @@
 import { cn } from "../../lib/utils.js";
-import * as React$1 from "react";
 import { jsx } from "react/jsx-runtime";
 import { X } from "lucide-react";
+import * as React$1 from "react";
 import { cva } from "class-variance-authority";
 import * as ToastPrimitives from "@radix-ui/react-toast";
 //#region src/components/ui/toast.tsx

package/dist/src/components/ui/tooltip.d.ts

@@ -1,5 +1,5 @@
-import * as React$1 from "react";
 import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+import * as React$1 from "react";
 import * as TooltipPrimitive from "@radix-ui/react-tooltip";
 
 //#region src/components/ui/tooltip.d.ts

package/dist/src/components/ui/typewriter-effect.js

@@ -1,7 +1,7 @@
 "use client";
 import { cn } from "../../lib/utils.js";
-import { useEffect } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { useEffect } from "react";
 import { motion, stagger, useAnimate, useInView } from "motion/react";
 //#region src/components/ui/typewriter-effect.tsx
 const TypewriterEffect = ({ words, className, cursorClassName }) => {

package/dist/src/icons/GoogleIcon.d.ts

@@ -1,5 +1,5 @@
-import { ComponentPropsWithoutRef } from "react";
 import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+import { ComponentPropsWithoutRef } from "react";
 
 //#region src/icons/GoogleIcon.d.ts
 interface GoogleIconProps extends ComponentPropsWithoutRef<"svg"> {}

package/dist/src/icons/LinkedInIcon.d.ts

@@ -1,5 +1,5 @@
-import { ComponentPropsWithoutRef } from "react";
 import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+import { ComponentPropsWithoutRef } from "react";
 
 //#region src/icons/LinkedInIcon.d.ts
 interface LinkedInIconProps extends ComponentPropsWithoutRef<"svg"> {}

package/dist/src/icons/MicrosoftIcon.d.ts

@@ -1,5 +1,5 @@
-import { ComponentPropsWithoutRef } from "react";
 import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+import { ComponentPropsWithoutRef } from "react";
 
 //#region src/icons/MicrosoftIcon.d.ts
 interface MicrosoftIconProps extends ComponentPropsWithoutRef<"svg"> {}

package/dist/src/modules/app/components/AppLoader.d.ts

@@ -1,5 +1,5 @@
-import { SpinnerProps } from "@heroui/react";
 import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+import { SpinnerProps } from "@heroui/react";
 
 //#region src/modules/app/components/AppLoader.d.ts
 declare function AppLoader(props: SpinnerProps): _$react_jsx_runtime0.JSX.Element;

package/dist/src/modules/app/components/AppLoader.js

@@ -1,5 +1,5 @@
-import { Spinner } from "@heroui/react";
 import { jsx } from "react/jsx-runtime";
+import { Spinner } from "@heroui/react";
 //#region src/modules/app/components/AppLoader.tsx
 function AppLoader(props) {
 	return /* @__PURE__ */ jsx("div", {

package/dist/src/modules/app/components/AppShell.d.ts

@@ -1,6 +1,6 @@
 import { AppSidebarProps } from "./AppSidebar.js";
-import { ReactNode } from "react";
 import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+import { ReactNode } from "react";
 
 //#region src/modules/app/components/AppShell.d.ts
 type AppShellProps = {

package/dist/src/modules/app/components/AppSidebar.d.ts

@@ -1,5 +1,5 @@
-import { ReactNode } from "react";
 import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+import { ReactNode } from "react";
 
 //#region src/modules/app/components/AppSidebar.d.ts
 type AppSidebarProps = {

package/dist/src/modules/app/components/AppSidebarHeader.js

@@ -1,7 +1,7 @@
-import { Button } from "@heroui/react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { ChevronsLeftIcon, ChevronsRightIcon } from "lucide-react";
-import { Link as Link$1 } from "react-router";
+import { Link } from "react-router";
+import { Button } from "@heroui/react";
 import { useSidebar } from "@m5kdev/web-ui/components/ui/sidebar";
 import { cn } from "@m5kdev/web-ui/utils";
 //#region src/modules/app/components/AppSidebarHeader.tsx
@@ -9,7 +9,7 @@ function AppSidebarHeader({ logo, title, size = 30 }) {
 	const { open, toggleSidebar } = useSidebar();
 	return /* @__PURE__ */ jsxs("div", {
 		className: cn("flex  justify-between items-center overflow-hidden gap-2", open ? "w-[239px] px-2 flex-row" : "w-auto flex-col"),
-		children: [/* @__PURE__ */ jsxs(Link$1, {
+		children: [/* @__PURE__ */ jsxs(Link, {
 			to: "/",
 			className: cn("flex items-center font-medium overflow-hidden gap-2", open ? "w-[239px] px-2" : "w-auto"),
 			style: { height: size },

package/dist/src/modules/app/components/AppSidebarHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"AppSidebarHeader.js","names":["Link"],"sources":["../../../../../src/modules/app/components/AppSidebarHeader.tsx"],"sourcesContent":["import { Button } from \"@heroui/react\";\r\nimport { useSidebar } from \"@m5kdev/web-ui/components/ui/sidebar\";\r\nimport { cn } from \"@m5kdev/web-ui/utils\";\r\nimport { ChevronsLeftIcon, ChevronsRightIcon } from \"lucide-react\";\r\nimport { Link } from \"react-router\";\r\n\r\nexport function AppSidebarHeader({\r\n  logo,\r\n  title,\r\n  size = 30,\r\n}: {\r\n  logo: { src: string; alt: string };\r\n  title: string;\r\n  size?: number;\r\n}) {\r\n  const { open, toggleSidebar } = useSidebar();\r\n  return (\r\n    <div\r\n      className={cn(\r\n        \"flex  justify-between items-center overflow-hidden gap-2\",\r\n        open ? \"w-[239px] px-2 flex-row\" : \"w-auto flex-col\"\r\n      )}\r\n    >\r\n      <Link\r\n        to=\"/\"\r\n        className={cn(\r\n          \"flex items-center font-medium overflow-hidden gap-2\",\r\n          open ? \"w-[239px] px-2\" : \"w-auto\"\r\n        )}\r\n        style={{ height: size }}\r\n      >\r\n        <img\r\n          className=\"shrink-0\"\r\n          src={logo.src}\r\n          alt={logo.alt}\r\n          style={{ width: size, height: size }}\r\n        />\r\n        <span className=\"group-data-[collapsible=icon]:hidden font-semibold text-lg text-neutral-900\">\r\n          {title}\r\n        </span>\r\n      </Link>\r\n      <Button\r\n        isIconOnly\r\n        variant=\"faded\"\r\n        size=\"sm\"\r\n        className=\"w-4 h-6\"\r\n        onPress={() => toggleSidebar()}\r\n      >\r\n        {open ? (\r\n          <ChevronsLeftIcon className=\"w-4 h-4\" />\r\n        ) : (\r\n          <ChevronsRightIcon className=\"w-4 h-4\" />\r\n        )}\r\n      </Button>\r\n    </div>\r\n  );\r\n}\r\n"],"mappings":";;;;;;;AAMA,SAAgB,iBAAiB,EAC/B,MACA,OACA,OAAO,MAKN;CACD,MAAM,EAAE,MAAM,kBAAkB,YAAY;AAC5C,QACE,qBAAC,OAAD;EACE,WAAW,GACT,4DACA,OAAO,4BAA4B,kBACpC;YAJH,CAME,qBAACA,QAAD;GACE,IAAG;GACH,WAAW,GACT,uDACA,OAAO,mBAAmB,SAC3B;GACD,OAAO,EAAE,QAAQ,MAAM;aANzB,CAQE,oBAAC,OAAD;IACE,WAAU;IACV,KAAK,KAAK;IACV,KAAK,KAAK;IACV,OAAO;KAAE,OAAO;KAAM,QAAQ;KAAM;IACpC,CAAA,EACF,oBAAC,QAAD;IAAM,WAAU;cACb;IACI,CAAA,CACF;MACP,oBAAC,QAAD;GACE,YAAA;GACA,SAAQ;GACR,MAAK;GACL,WAAU;GACV,eAAe,eAAe;aAE7B,OACC,oBAAC,kBAAD,EAAkB,WAAU,WAAY,CAAA,GAExC,oBAAC,mBAAD,EAAmB,WAAU,WAAY,CAAA;GAEpC,CAAA,CACL"}
+{"version":3,"file":"AppSidebarHeader.js","names":[],"sources":["../../../../../src/modules/app/components/AppSidebarHeader.tsx"],"sourcesContent":["import { Button } from \"@heroui/react\";\r\nimport { useSidebar } from \"@m5kdev/web-ui/components/ui/sidebar\";\r\nimport { cn } from \"@m5kdev/web-ui/utils\";\r\nimport { ChevronsLeftIcon, ChevronsRightIcon } from \"lucide-react\";\r\nimport { Link } from \"react-router\";\r\n\r\nexport function AppSidebarHeader({\r\n  logo,\r\n  title,\r\n  size = 30,\r\n}: {\r\n  logo: { src: string; alt: string };\r\n  title: string;\r\n  size?: number;\r\n}) {\r\n  const { open, toggleSidebar } = useSidebar();\r\n  return (\r\n    <div\r\n      className={cn(\r\n        \"flex  justify-between items-center overflow-hidden gap-2\",\r\n        open ? \"w-[239px] px-2 flex-row\" : \"w-auto flex-col\"\r\n      )}\r\n    >\r\n      <Link\r\n        to=\"/\"\r\n        className={cn(\r\n          \"flex items-center font-medium overflow-hidden gap-2\",\r\n          open ? \"w-[239px] px-2\" : \"w-auto\"\r\n        )}\r\n        style={{ height: size }}\r\n      >\r\n        <img\r\n          className=\"shrink-0\"\r\n          src={logo.src}\r\n          alt={logo.alt}\r\n          style={{ width: size, height: size }}\r\n        />\r\n        <span className=\"group-data-[collapsible=icon]:hidden font-semibold text-lg text-neutral-900\">\r\n          {title}\r\n        </span>\r\n      </Link>\r\n      <Button\r\n        isIconOnly\r\n        variant=\"faded\"\r\n        size=\"sm\"\r\n        className=\"w-4 h-6\"\r\n        onPress={() => toggleSidebar()}\r\n      >\r\n        {open ? (\r\n          <ChevronsLeftIcon className=\"w-4 h-4\" />\r\n        ) : (\r\n          <ChevronsRightIcon className=\"w-4 h-4\" />\r\n        )}\r\n      </Button>\r\n    </div>\r\n  );\r\n}\r\n"],"mappings":";;;;;;;AAMA,SAAgB,iBAAiB,EAC/B,MACA,OACA,OAAO,MAKN;CACD,MAAM,EAAE,MAAM,kBAAkB,YAAY;AAC5C,QACE,qBAAC,OAAD;EACE,WAAW,GACT,4DACA,OAAO,4BAA4B,kBACpC;YAJH,CAME,qBAAC,MAAD;GACE,IAAG;GACH,WAAW,GACT,uDACA,OAAO,mBAAmB,SAC3B;GACD,OAAO,EAAE,QAAQ,MAAM;aANzB,CAQE,oBAAC,OAAD;IACE,WAAU;IACV,KAAK,KAAK;IACV,KAAK,KAAK;IACV,OAAO;KAAE,OAAO;KAAM,QAAQ;KAAM;IACpC,CAAA,EACF,oBAAC,QAAD;IAAM,WAAU;cACb;IACI,CAAA,CACF;MACP,oBAAC,QAAD;GACE,YAAA;GACA,SAAQ;GACR,MAAK;GACL,WAAU;GACV,eAAe,eAAe;aAE7B,OACC,oBAAC,kBAAD,EAAkB,WAAU,WAAY,CAAA,GAExC,oBAAC,mBAAD,EAAmB,WAAU,WAAY,CAAA;GAEpC,CAAA,CACL"}

package/dist/src/modules/app/components/AppSidebarInvites.js

@@ -1,8 +1,8 @@
-import { Badge, Button, Tooltip } from "@heroui/react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { GiftIcon } from "lucide-react";
 import { useTranslation } from "react-i18next";
-import { Link as Link$1 } from "react-router";
+import { Link } from "react-router";
+import { Badge, Button, Tooltip } from "@heroui/react";
 import { useSidebar } from "@m5kdev/web-ui/components/ui/sidebar";
 import { cn } from "@m5kdev/web-ui/utils";
 //#region src/modules/app/components/AppSidebarInvites.tsx
@@ -22,7 +22,7 @@ function AppSidebarInvites({ count }) {
 				size: "sm",
 				isOneChar: true,
 				children: /* @__PURE__ */ jsxs(Button, {
-					as: Link$1,
+					as: Link,
 					to: "/invites",
 					className: cn("flex items-center gap-2"),
 					isIconOnly: !open,

package/dist/src/modules/app/components/AppSidebarInvites.js.map

@@ -1 +1 @@
-{"version":3,"file":"AppSidebarInvites.js","names":["Link"],"sources":["../../../../../src/modules/app/components/AppSidebarInvites.tsx"],"sourcesContent":["import { Badge, Button, Tooltip } from \"@heroui/react\";\r\nimport { useSidebar } from \"@m5kdev/web-ui/components/ui/sidebar\";\r\nimport { cn } from \"@m5kdev/web-ui/utils\";\r\nimport { GiftIcon } from \"lucide-react\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport { Link } from \"react-router\";\r\n\r\nexport function AppSidebarInvites({ count }: { count: number }) {\r\n  const { open } = useSidebar();\r\n  const { t } = useTranslation(\"web-ui\");\r\n  return (\r\n    <div className={cn(\"flex justify-center w-auto\")}>\r\n      <Tooltip content={t(\"sidebar.invites.title\")} placement=\"right\" isDisabled={open}>\r\n        <Badge color=\"primary\" variant=\"faded\" content={count} size=\"sm\" isOneChar>\r\n          <Button\r\n            as={Link}\r\n            to=\"/invites\"\r\n            className={cn(\"flex items-center gap-2\")}\r\n            isIconOnly={!open}\r\n            size=\"sm\"\r\n            variant=\"light\"\r\n          >\r\n            <GiftIcon className=\"w-4 h-4 text-neutral-500\" />\r\n            <span className=\"group-data-[collapsible=icon]:hidden text-sm text-neutral-500\">\r\n              {t(\"sidebar.invites.title\")}\r\n            </span>\r\n          </Button>\r\n        </Badge>\r\n      </Tooltip>\r\n    </div>\r\n  );\r\n}\r\n"],"mappings":";;;;;;;;AAOA,SAAgB,kBAAkB,EAAE,SAA4B;CAC9D,MAAM,EAAE,SAAS,YAAY;CAC7B,MAAM,EAAE,MAAM,eAAe,SAAS;AACtC,QACE,oBAAC,OAAD;EAAK,WAAW,GAAG,6BAA6B;YAC9C,oBAAC,SAAD;GAAS,SAAS,EAAE,wBAAwB;GAAE,WAAU;GAAQ,YAAY;aAC1E,oBAAC,OAAD;IAAO,OAAM;IAAU,SAAQ;IAAQ,SAAS;IAAO,MAAK;IAAK,WAAA;cAC/D,qBAAC,QAAD;KACE,IAAIA;KACJ,IAAG;KACH,WAAW,GAAG,0BAA0B;KACxC,YAAY,CAAC;KACb,MAAK;KACL,SAAQ;eANV,CAQE,oBAAC,UAAD,EAAU,WAAU,4BAA6B,CAAA,EACjD,oBAAC,QAAD;MAAM,WAAU;gBACb,EAAE,wBAAwB;MACtB,CAAA,CACA;;IACH,CAAA;GACA,CAAA;EACN,CAAA"}
+{"version":3,"file":"AppSidebarInvites.js","names":[],"sources":["../../../../../src/modules/app/components/AppSidebarInvites.tsx"],"sourcesContent":["import { Badge, Button, Tooltip } from \"@heroui/react\";\r\nimport { useSidebar } from \"@m5kdev/web-ui/components/ui/sidebar\";\r\nimport { cn } from \"@m5kdev/web-ui/utils\";\r\nimport { GiftIcon } from \"lucide-react\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport { Link } from \"react-router\";\r\n\r\nexport function AppSidebarInvites({ count }: { count: number }) {\r\n  const { open } = useSidebar();\r\n  const { t } = useTranslation(\"web-ui\");\r\n  return (\r\n    <div className={cn(\"flex justify-center w-auto\")}>\r\n      <Tooltip content={t(\"sidebar.invites.title\")} placement=\"right\" isDisabled={open}>\r\n        <Badge color=\"primary\" variant=\"faded\" content={count} size=\"sm\" isOneChar>\r\n          <Button\r\n            as={Link}\r\n            to=\"/invites\"\r\n            className={cn(\"flex items-center gap-2\")}\r\n            isIconOnly={!open}\r\n            size=\"sm\"\r\n            variant=\"light\"\r\n          >\r\n            <GiftIcon className=\"w-4 h-4 text-neutral-500\" />\r\n            <span className=\"group-data-[collapsible=icon]:hidden text-sm text-neutral-500\">\r\n              {t(\"sidebar.invites.title\")}\r\n            </span>\r\n          </Button>\r\n        </Badge>\r\n      </Tooltip>\r\n    </div>\r\n  );\r\n}\r\n"],"mappings":";;;;;;;;AAOA,SAAgB,kBAAkB,EAAE,SAA4B;CAC9D,MAAM,EAAE,SAAS,YAAY;CAC7B,MAAM,EAAE,MAAM,eAAe,SAAS;AACtC,QACE,oBAAC,OAAD;EAAK,WAAW,GAAG,6BAA6B;YAC9C,oBAAC,SAAD;GAAS,SAAS,EAAE,wBAAwB;GAAE,WAAU;GAAQ,YAAY;aAC1E,oBAAC,OAAD;IAAO,OAAM;IAAU,SAAQ;IAAQ,SAAS;IAAO,MAAK;IAAK,WAAA;cAC/D,qBAAC,QAAD;KACE,IAAI;KACJ,IAAG;KACH,WAAW,GAAG,0BAA0B;KACxC,YAAY,CAAC;KACb,MAAK;KACL,SAAQ;eANV,CAQE,oBAAC,UAAD,EAAU,WAAU,4BAA6B,CAAA,EACjD,oBAAC,QAAD;MAAM,WAAU;gBACb,EAAE,wBAAwB;MACtB,CAAA,CACA;;IACH,CAAA;GACA,CAAA;EACN,CAAA"}

package/dist/src/modules/auth/components/AdminUserManagement.js

@@ -1,12 +1,12 @@
-import { useCallback, useEffect, useId, useState } from "react";
-import { Button, Dropdown, DropdownItem, DropdownMenu, DropdownTrigger, Input, Modal, ModalBody, ModalContent, ModalFooter, ModalHeader, Select, SelectItem, Spinner, Table, TableBody, TableCell, TableColumn, TableHeader, TableRow, Tooltip } from "@heroui/react";
-import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { BarChart3, CalendarClock, ChevronDown, ChevronUp, Copy, Filter, Info, Link2, List, MoreHorizontal, Search, UserPlus, X } from "lucide-react";
+import { useCallback, useEffect, useId, useState } from "react";
 import { useNavigate } from "react-router";
+import { Button, Dropdown, DropdownItem, DropdownMenu, DropdownTrigger, Input, Modal, ModalBody, ModalContent, ModalFooter, ModalHeader, Select, SelectItem, Spinner, Table, TableBody, TableCell, TableColumn, TableHeader, TableRow, Tooltip } from "@heroui/react";
 import { toast } from "sonner";
+import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
 import { authClient } from "@m5kdev/frontend/modules/auth/auth.lib";
 import * as authAdmin from "@m5kdev/frontend/modules/auth/hooks/useAuthAdmin";
-import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
 //#region src/modules/auth/components/AdminUserManagement.tsx
 function AdminUserManagement({ useTRPC }) {
 	const banReasonInputId = useId();
@@ -517,7 +517,7 @@ function AdminUserManagement({ useTRPC }) {
 												/* @__PURE__ */ jsx(DropdownItem, {
 													onClick: () => handleImpersonateUser(user.id),
 													isDisabled: user.banned || isImpersonatingUser,
-													children: isImpersonatingUser ? /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(Spinner, { className: "mr-2 h-3 w-3" }), "Impersonating..."] }) : "Impersonate"
+													children: isImpersonatingUser ? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(Spinner, { className: "mr-2 h-3 w-3" }), "Impersonating..."] }) : "Impersonate"
 												}, "impersonate"),
 												/* @__PURE__ */ jsx(DropdownItem, {
 													onClick: () => openMagicLinkModal(user.id, user.name, user.email ?? null),
@@ -530,7 +530,7 @@ function AdminUserManagement({ useTRPC }) {
 												user.banned ? /* @__PURE__ */ jsx(DropdownItem, {
 													onClick: () => handleUnbanUser(user.id),
 													isDisabled: isUnbanningUser[user.id],
-													children: isUnbanningUser[user.id] ? /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(Spinner, { className: "mr-2 h-3 w-3" }), "Unbanning..."] }) : "Unban"
+													children: isUnbanningUser[user.id] ? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(Spinner, { className: "mr-2 h-3 w-3" }), "Unbanning..."] }) : "Unban"
 												}, "unban") : /* @__PURE__ */ jsx(DropdownItem, {
 													onClick: () => openBanModal(user.id, user.name),
 													children: "Ban"
@@ -581,7 +581,7 @@ function AdminUserManagement({ useTRPC }) {
 				onOpenChange: (open) => {
 					if (!open) setUserToDelete(null);
 				},
-				children: /* @__PURE__ */ jsx(ModalContent, { children: (onClose) => /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsxs(ModalHeader, {
+				children: /* @__PURE__ */ jsx(ModalContent, { children: (onClose) => /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs(ModalHeader, {
 					className: "flex flex-col gap-1",
 					children: [/* @__PURE__ */ jsx("p", {
 						className: "text-lg font-semibold",
@@ -821,7 +821,7 @@ function AdminUserManagement({ useTRPC }) {
 				onOpenChange: (open) => {
 					if (!open) setUserForUsage(null);
 				},
-				children: /* @__PURE__ */ jsx(ModalContent, { children: (onClose) => /* @__PURE__ */ jsxs(Fragment$1, { children: [
+				children: /* @__PURE__ */ jsx(ModalContent, { children: (onClose) => /* @__PURE__ */ jsxs(Fragment, { children: [
 					/* @__PURE__ */ jsxs(ModalHeader, {
 						className: "flex flex-col gap-1",
 						children: [/* @__PURE__ */ jsxs("p", {