@m5kdev/web-ui 0.9.0 → 0.9.1

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

@@ -1,9 +1,9 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_runtime = require("../../../_virtual/_rolldown/runtime.js");
 const require_src_lib_utils = require("../../lib/utils.js");
+let react_jsx_runtime = require("react/jsx-runtime");
 let react = require("react");
 react = require_runtime.__toESM(react);
-let react_jsx_runtime = require("react/jsx-runtime");
 let lucide_react = require("lucide-react");
 let _radix_ui_react_slot = require("@radix-ui/react-slot");
 //#region src/components/ui/breadcrumb.tsx

package/dist/src/components/ui/breadcrumb.mjs

@@ -1,6 +1,6 @@
 import { cn } from "../../lib/utils.mjs";
-import * as React$1 from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
+import * as React$1 from "react";
 import { ChevronRight, MoreHorizontal } from "lucide-react";
 import { Slot } from "@radix-ui/react-slot";
 //#region src/components/ui/breadcrumb.tsx

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

@@ -1,9 +1,9 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_runtime = require("../../../_virtual/_rolldown/runtime.js");
 const require_src_lib_utils = require("../../lib/utils.js");
+let react_jsx_runtime = require("react/jsx-runtime");
 let react = require("react");
 react = require_runtime.__toESM(react);
-let react_jsx_runtime = require("react/jsx-runtime");
 let _radix_ui_react_slot = require("@radix-ui/react-slot");
 //#region src/components/ui/button.tsx
 const buttonVariants = (0, require("class-variance-authority").cva)("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0", {

package/dist/src/components/ui/button.mjs

@@ -1,6 +1,6 @@
 import { cn } from "../../lib/utils.mjs";
-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 { cva } from "class-variance-authority";
 //#region src/components/ui/button.tsx

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

@@ -1,9 +1,9 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_runtime = require("../../../_virtual/_rolldown/runtime.js");
 const require_src_lib_utils = require("../../lib/utils.js");
+let react_jsx_runtime = require("react/jsx-runtime");
 let react = require("react");
 react = require_runtime.__toESM(react);
-let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/components/ui/card.tsx
 const Card = react.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 	ref,

package/dist/src/components/ui/card.mjs

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

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

@@ -1,9 +1,9 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_runtime = require("../../../_virtual/_rolldown/runtime.js");
 const require_src_lib_utils = require("../../lib/utils.js");
+let react_jsx_runtime = require("react/jsx-runtime");
 let react = require("react");
 react = require_runtime.__toESM(react);
-let react_jsx_runtime = require("react/jsx-runtime");
 let lucide_react = require("lucide-react");
 let _radix_ui_react_checkbox = require("@radix-ui/react-checkbox");
 _radix_ui_react_checkbox = require_runtime.__toESM(_radix_ui_react_checkbox);

package/dist/src/components/ui/checkbox.mjs

@@ -1,6 +1,6 @@
 import { cn } from "../../lib/utils.mjs";
-import * as React$1 from "react";
 import { jsx } from "react/jsx-runtime";
+import * as React$1 from "react";
 import { Check } from "lucide-react";
 import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
 //#region src/components/ui/checkbox.tsx

package/dist/src/components/ui/dialog.d.mts

@@ -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 DialogPrimitive from "@radix-ui/react-dialog";
 
 //#region src/components/ui/dialog.d.ts

package/dist/src/components/ui/dropdown-menu.d.mts

@@ -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 DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
 
 //#region src/components/ui/dropdown-menu.d.ts

package/dist/src/components/ui/dropdown-menu.js

@@ -1,9 +1,9 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_runtime = require("../../../_virtual/_rolldown/runtime.js");
 const require_src_lib_utils = require("../../lib/utils.js");
+let react_jsx_runtime = require("react/jsx-runtime");
 let react = require("react");
 react = require_runtime.__toESM(react);
-let react_jsx_runtime = require("react/jsx-runtime");
 let lucide_react = require("lucide-react");
 let _radix_ui_react_dropdown_menu = require("@radix-ui/react-dropdown-menu");
 _radix_ui_react_dropdown_menu = require_runtime.__toESM(_radix_ui_react_dropdown_menu);

package/dist/src/components/ui/dropdown-menu.mjs

@@ -1,6 +1,6 @@
 import { cn } from "../../lib/utils.mjs";
-import * as React$1 from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
+import * as React$1 from "react";
 import { Check, ChevronRight, Circle } from "lucide-react";
 import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
 //#region src/components/ui/dropdown-menu.tsx

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

@@ -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

@@ -2,8 +2,8 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 require("../../../_virtual/_rolldown/runtime.js");
 const require_src_lib_utils = require("../../lib/utils.js");
-let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
+let react = require("react");
 let motion_react = require("motion/react");
 //#region src/components/ui/floating-navbar.tsx
 const FloatingNav = ({ navItems, className }) => {

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

@@ -1,7 +1,7 @@
 "use client";
 import { cn } from "../../lib/utils.mjs";
-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.mts

@@ -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

@@ -2,9 +2,9 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_runtime = require("../../../_virtual/_rolldown/runtime.js");
 const require_src_lib_utils = require("../../lib/utils.js");
 const require_src_components_ui_label = require("./label.js");
+let react_jsx_runtime = require("react/jsx-runtime");
 let react = require("react");
 react = require_runtime.__toESM(react);
-let react_jsx_runtime = require("react/jsx-runtime");
 let _radix_ui_react_slot = require("@radix-ui/react-slot");
 let react_hook_form = require("react-hook-form");
 //#region src/components/ui/form.tsx

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

@@ -1,7 +1,7 @@
 import { cn } from "../../lib/utils.mjs";
 import { Label } from "./label.mjs";
-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,8 +1,8 @@
 const require_runtime = require("../../../_virtual/_rolldown/runtime.js");
 const require_src_lib_utils = require("../../lib/utils.js");
+let react_jsx_runtime = require("react/jsx-runtime");
 let react = require("react");
 react = require_runtime.__toESM(react);
-let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/components/ui/image.tsx
 const Image = react.default.forwardRef(({ className, src, alt, fallback, ...props }, ref) => {
 	const [error, setError] = react.default.useState(false);

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

@@ -1,6 +1,6 @@
 import { cn } from "../../lib/utils.mjs";
-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,9 +1,9 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_runtime = require("../../../_virtual/_rolldown/runtime.js");
 const require_src_lib_utils = require("../../lib/utils.js");
+let react_jsx_runtime = require("react/jsx-runtime");
 let react = require("react");
 react = require_runtime.__toESM(react);
-let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/components/ui/input.tsx
 const Input = react.forwardRef(({ className, type, ...props }, ref) => {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {

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

@@ -1,6 +1,6 @@
 import { cn } from "../../lib/utils.mjs";
-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,9 +1,9 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_runtime = require("../../../_virtual/_rolldown/runtime.js");
 const require_src_lib_utils = require("../../lib/utils.js");
+let react_jsx_runtime = require("react/jsx-runtime");
 let react = require("react");
 react = require_runtime.__toESM(react);
-let react_jsx_runtime = require("react/jsx-runtime");
 let class_variance_authority = require("class-variance-authority");
 let _radix_ui_react_label = require("@radix-ui/react-label");
 _radix_ui_react_label = require_runtime.__toESM(_radix_ui_react_label);

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

@@ -1,6 +1,6 @@
 import { cn } from "../../lib/utils.mjs";
-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.mts

@@ -1,6 +1,6 @@
 import { Button } from "./button.mjs";
-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,9 +1,9 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_runtime = require("../../../_virtual/_rolldown/runtime.js");
 const require_src_lib_utils = require("../../lib/utils.js");
+let react_jsx_runtime = require("react/jsx-runtime");
 let react = require("react");
 react = require_runtime.__toESM(react);
-let react_jsx_runtime = require("react/jsx-runtime");
 let _radix_ui_react_progress = require("@radix-ui/react-progress");
 _radix_ui_react_progress = require_runtime.__toESM(_radix_ui_react_progress);
 //#region src/components/ui/progress.tsx

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

@@ -1,6 +1,6 @@
 import { cn } from "../../lib/utils.mjs";
-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.mts

@@ -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

@@ -2,9 +2,9 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_runtime = require("../../../_virtual/_rolldown/runtime.js");
 const require_src_lib_utils = require("../../lib/utils.js");
+let react_jsx_runtime = require("react/jsx-runtime");
 let react = require("react");
 react = require_runtime.__toESM(react);
-let react_jsx_runtime = require("react/jsx-runtime");
 let lucide_react = require("lucide-react");
 let motion_react = require("motion/react");
 //#region src/components/ui/resizable-navbar.tsx

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

@@ -1,7 +1,7 @@
 "use client";
 import { cn } from "../../lib/utils.mjs";
-import React, { useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
+import React, { useRef, useState } from "react";
 import { MenuIcon, XIcon } from "lucide-react";
 import { AnimatePresence, motion, useMotionValueEvent, useScroll } from "motion/react";
 //#region src/components/ui/resizable-navbar.tsx

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

@@ -2,8 +2,8 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 require("../../../_virtual/_rolldown/runtime.js");
 const require_src_components_ui_button = require("./button.js");
 const require_src_components_ui_dropdown_menu = require("./dropdown-menu.js");
-let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
+let react = require("react");
 let _tabler_icons_react = require("@tabler/icons-react");
 //#region src/components/ui/segment-control.tsx
 const SegmentDropdown = ({ options, value, resetButton, onChange }) => {

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

@@ -1,7 +1,7 @@
 import { Button } from "./button.mjs";
 import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger } from "./dropdown-menu.mjs";
+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.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"segment-control.mjs","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.mjs","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

@@ -2,9 +2,9 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_runtime = require("../../../_virtual/_rolldown/runtime.js");
 const require_src_lib_utils = require("../../lib/utils.js");
+let react_jsx_runtime = require("react/jsx-runtime");
 let react = require("react");
 react = require_runtime.__toESM(react);
-let react_jsx_runtime = require("react/jsx-runtime");
 let lucide_react = require("lucide-react");
 let _radix_ui_react_select = require("@radix-ui/react-select");
 _radix_ui_react_select = require_runtime.__toESM(_radix_ui_react_select);

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

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

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

@@ -1,9 +1,9 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_runtime = require("../../../_virtual/_rolldown/runtime.js");
 const require_src_lib_utils = require("../../lib/utils.js");
+let react_jsx_runtime = require("react/jsx-runtime");
 let react = require("react");
 react = require_runtime.__toESM(react);
-let react_jsx_runtime = require("react/jsx-runtime");
 let _radix_ui_react_separator = require("@radix-ui/react-separator");
 _radix_ui_react_separator = require_runtime.__toESM(_radix_ui_react_separator);
 //#region src/components/ui/separator.tsx

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

@@ -1,6 +1,6 @@
 import { cn } from "../../lib/utils.mjs";
-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.mts

@@ -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

@@ -2,9 +2,9 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_runtime = require("../../../_virtual/_rolldown/runtime.js");
 const require_src_lib_utils = require("../../lib/utils.js");
+let react_jsx_runtime = require("react/jsx-runtime");
 let react = require("react");
 react = require_runtime.__toESM(react);
-let react_jsx_runtime = require("react/jsx-runtime");
 let lucide_react = require("lucide-react");
 let class_variance_authority = require("class-variance-authority");
 let _radix_ui_react_dialog = require("@radix-ui/react-dialog");

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

@@ -1,7 +1,7 @@
 "use client";
 import { cn } from "../../lib/utils.mjs";
-import * as React$1 from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
+import * as React$1 from "react";
 import { X } from "lucide-react";
 import { cva } from "class-variance-authority";
 import * as SheetPrimitive from "@radix-ui/react-dialog";

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

@@ -9,9 +9,9 @@ const require_src_components_ui_separator = require("./separator.js");
 const require_src_components_ui_sheet = require("./sheet.js");
 const require_src_components_ui_skeleton = require("./skeleton.js");
 const require_src_components_ui_tooltip = require("./tooltip.js");
+let react_jsx_runtime = require("react/jsx-runtime");
 let react = require("react");
 react = require_runtime.__toESM(react);
-let react_jsx_runtime = require("react/jsx-runtime");
 let lucide_react = require("lucide-react");
 let _radix_ui_react_slot = require("@radix-ui/react-slot");
 let class_variance_authority = require("class-variance-authority");

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

@@ -7,8 +7,8 @@ import { Separator } from "./separator.mjs";
 import { Sheet, SheetContent } from "./sheet.mjs";
 import { Skeleton } from "./skeleton.mjs";
 import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "./tooltip.mjs";
-import * as React$1 from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
+import * as React$1 from "react";
 import { PanelLeft } from "lucide-react";
 import { Slot } from "@radix-ui/react-slot";
 import { cva } from "class-variance-authority";

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

@@ -1,9 +1,9 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_runtime = require("../../../_virtual/_rolldown/runtime.js");
 const require_src_lib_utils = require("../../lib/utils.js");
+let react_jsx_runtime = require("react/jsx-runtime");
 let react = require("react");
 react = require_runtime.__toESM(react);
-let react_jsx_runtime = require("react/jsx-runtime");
 let _radix_ui_react_slider = require("@radix-ui/react-slider");
 _radix_ui_react_slider = require_runtime.__toESM(_radix_ui_react_slider);
 //#region src/components/ui/slider.tsx

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

@@ -1,6 +1,6 @@
 import { cn } from "../../lib/utils.mjs";
-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.mts

@@ -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,9 +1,9 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_runtime = require("../../../_virtual/_rolldown/runtime.js");
 const require_src_lib_utils = require("../../lib/utils.js");
+let react_jsx_runtime = require("react/jsx-runtime");
 let react = require("react");
 react = require_runtime.__toESM(react);
-let react_jsx_runtime = require("react/jsx-runtime");
 let _radix_ui_react_switch = require("@radix-ui/react-switch");
 _radix_ui_react_switch = require_runtime.__toESM(_radix_ui_react_switch);
 //#region src/components/ui/switch.tsx

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

@@ -1,6 +1,6 @@
 import { cn } from "../../lib/utils.mjs";
-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.mts

@@ -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.mts

@@ -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.mts

@@ -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.mts

@@ -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,8 +1,8 @@
 "use client";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 require("../../../_virtual/_rolldown/runtime.js");
-let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
+let react = require("react");
 let motion_react = require("motion/react");
 //#region src/components/ui/timeline.tsx
 const Timeline = ({ data }) => {

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

@@ -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,9 +1,9 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_runtime = require("../../../_virtual/_rolldown/runtime.js");
 const require_src_lib_utils = require("../../lib/utils.js");
+let react_jsx_runtime = require("react/jsx-runtime");
 let react = require("react");
 react = require_runtime.__toESM(react);
-let react_jsx_runtime = require("react/jsx-runtime");
 let lucide_react = require("lucide-react");
 let class_variance_authority = require("class-variance-authority");
 let _radix_ui_react_toast = require("@radix-ui/react-toast");

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

@@ -1,6 +1,6 @@
 import { cn } from "../../lib/utils.mjs";
-import * as React$1 from "react";
 import { jsx } from "react/jsx-runtime";
+import * as React$1 from "react";
 import { X } from "lucide-react";
 import { cva } from "class-variance-authority";
 import * as ToastPrimitives from "@radix-ui/react-toast";