@env-hopper/frontend-core 2.0.1-alpha → 2.0.1-alpha.4

package/dist/esm/routes/auth.callback.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"auth.callback.js","sources":["../../../src/routes/auth.callback.tsx"],"sourcesContent":["import { createFileRoute, useNavigate, useSearch } from '@tanstack/react-router'\nimport { useEffect } from 'react'\n\nexport const Route = createFileRoute('/auth/callback')({\n  component: AuthCallbackPage,\n  validateSearch: (search: Record<string, unknown>) => ({\n    error: search.error as string | undefined,\n    code: search.code as string | undefined,\n  }),\n})\n\nfunction AuthCallbackPage() {\n  const navigate = useNavigate()\n  const search = useSearch({ from: '/auth/callback' })\n\n  const errorMessages: Record<string, string> = {\n    'internal_server_error': 'An internal server error occurred. Please try again.',\n    'invalid_request': 'Invalid authentication request. Please try again.',\n    'access_denied': 'Authentication was denied. Please try again.',\n    'unauthorized_client': 'This client is not authorized. Please contact support.',\n    'server_error': 'Server error occurred. Please try again.',\n    'temporarily_unavailable': 'Authentication service is temporarily unavailable. Please try again later.',\n  }\n\n  const displayMessage = search.error\n    ? errorMessages[search.error] || `Authentication failed: ${search.error}`\n    : ''\n\n  useEffect(() => {\n    let cleanup: (() => void) | undefined\n\n    if (search.error) {\n      // Redirect to home after 5 seconds\n      const timer = setTimeout(() => {\n        navigate({ to: '/' })\n      }, 5000)\n\n      cleanup = () => clearTimeout(timer)\n    } else if (!search.code) {\n      // If no error and no code, redirect immediately\n      navigate({ to: '/' })\n    }\n\n    return cleanup\n  }, [search.error, search.code, navigate])\n\n  if (search.error) {\n    return (\n      <div className=\"min-h-screen bg-base-200 flex items-center justify-center p-4\">\n        <div className=\"card bg-base-100 shadow-xl max-w-md w-full\">\n          <div className=\"card-body\">\n            <h2 className=\"card-title text-error\">Authentication Error</h2>\n            <p className=\"text-base-content/70\">{displayMessage}</p>\n            <p className=\"text-sm text-base-content/50 mt-4\">\n              Redirecting you back home in a few seconds...\n            </p>\n            <div className=\"card-actions justify-end mt-4\">\n              <button\n                type=\"button\"\n                className=\"btn btn-sm btn-primary\"\n                onClick={() => navigate({ to: '/' })}\n              >\n                Go Home Now\n              </button>\n            </div>\n          </div>\n        </div>\n      </div>\n    )\n  }\n\n  // Success case - redirect immediately\n  return null\n}\n"],"names":["Route","createFileRoute","component","lazyRouteComponent","$$splitComponentImporter","validateSearch","search","error","code"],"mappings":";;AAGO,MAAMA,QAAQC,gBAAgB,gBAAgB,EAAE;AAAA,EACrDC,WAASC,mBAAAC,0BAAA,WAAA;AAAA,EACTC,gBAAgBA,CAACC,YAAqC;AAAA,IACpDC,OAAOD,OAAOC;AAAAA,IACdC,MAAMF,OAAOE;AAAAA,EAAAA;AAEjB,CAAC;"}

package/dist/esm/routes/auth.callback2.js

@@ -0,0 +1,49 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useNavigate, useSearch } from "@tanstack/react-router";
+import { useEffect } from "react";
+function AuthCallbackPage() {
+  const navigate = useNavigate();
+  const search = useSearch({
+    from: "/auth/callback"
+  });
+  const errorMessages = {
+    "internal_server_error": "An internal server error occurred. Please try again.",
+    "invalid_request": "Invalid authentication request. Please try again.",
+    "access_denied": "Authentication was denied. Please try again.",
+    "unauthorized_client": "This client is not authorized. Please contact support.",
+    "server_error": "Server error occurred. Please try again.",
+    "temporarily_unavailable": "Authentication service is temporarily unavailable. Please try again later."
+  };
+  const displayMessage = search.error ? errorMessages[search.error] || `Authentication failed: ${search.error}` : "";
+  useEffect(() => {
+    let cleanup;
+    if (search.error) {
+      const timer = setTimeout(() => {
+        navigate({
+          to: "/"
+        });
+      }, 5e3);
+      cleanup = () => clearTimeout(timer);
+    } else if (!search.code) {
+      navigate({
+        to: "/"
+      });
+    }
+    return cleanup;
+  }, [search.error, search.code, navigate]);
+  if (search.error) {
+    return /* @__PURE__ */ jsx("div", { className: "min-h-screen bg-base-200 flex items-center justify-center p-4", children: /* @__PURE__ */ jsx("div", { className: "card bg-base-100 shadow-xl max-w-md w-full", children: /* @__PURE__ */ jsxs("div", { className: "card-body", children: [
+      /* @__PURE__ */ jsx("h2", { className: "card-title text-error", children: "Authentication Error" }),
+      /* @__PURE__ */ jsx("p", { className: "text-base-content/70", children: displayMessage }),
+      /* @__PURE__ */ jsx("p", { className: "text-sm text-base-content/50 mt-4", children: "Redirecting you back home in a few seconds..." }),
+      /* @__PURE__ */ jsx("div", { className: "card-actions justify-end mt-4", children: /* @__PURE__ */ jsx("button", { type: "button", className: "btn btn-sm btn-primary", onClick: () => navigate({
+        to: "/"
+      }), children: "Go Home Now" }) })
+    ] }) }) });
+  }
+  return null;
+}
+export {
+  AuthCallbackPage as component
+};
+//# sourceMappingURL=auth.callback2.js.map

package/dist/esm/routes/auth.callback2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"auth.callback2.js","sources":["../../../src/routes/auth.callback.tsx?tsr-split=component"],"sourcesContent":["import { createFileRoute, useNavigate, useSearch } from '@tanstack/react-router'\nimport { useEffect } from 'react'\n\nexport const Route = createFileRoute('/auth/callback')({\n  component: AuthCallbackPage,\n  validateSearch: (search: Record<string, unknown>) => ({\n    error: search.error as string | undefined,\n    code: search.code as string | undefined,\n  }),\n})\n\nfunction AuthCallbackPage() {\n  const navigate = useNavigate()\n  const search = useSearch({ from: '/auth/callback' })\n\n  const errorMessages: Record<string, string> = {\n    'internal_server_error': 'An internal server error occurred. Please try again.',\n    'invalid_request': 'Invalid authentication request. Please try again.',\n    'access_denied': 'Authentication was denied. Please try again.',\n    'unauthorized_client': 'This client is not authorized. Please contact support.',\n    'server_error': 'Server error occurred. Please try again.',\n    'temporarily_unavailable': 'Authentication service is temporarily unavailable. Please try again later.',\n  }\n\n  const displayMessage = search.error\n    ? errorMessages[search.error] || `Authentication failed: ${search.error}`\n    : ''\n\n  useEffect(() => {\n    let cleanup: (() => void) | undefined\n\n    if (search.error) {\n      // Redirect to home after 5 seconds\n      const timer = setTimeout(() => {\n        navigate({ to: '/' })\n      }, 5000)\n\n      cleanup = () => clearTimeout(timer)\n    } else if (!search.code) {\n      // If no error and no code, redirect immediately\n      navigate({ to: '/' })\n    }\n\n    return cleanup\n  }, [search.error, search.code, navigate])\n\n  if (search.error) {\n    return (\n      <div className=\"min-h-screen bg-base-200 flex items-center justify-center p-4\">\n        <div className=\"card bg-base-100 shadow-xl max-w-md w-full\">\n          <div className=\"card-body\">\n            <h2 className=\"card-title text-error\">Authentication Error</h2>\n            <p className=\"text-base-content/70\">{displayMessage}</p>\n            <p className=\"text-sm text-base-content/50 mt-4\">\n              Redirecting you back home in a few seconds...\n            </p>\n            <div className=\"card-actions justify-end mt-4\">\n              <button\n                type=\"button\"\n                className=\"btn btn-sm btn-primary\"\n                onClick={() => navigate({ to: '/' })}\n              >\n                Go Home Now\n              </button>\n            </div>\n          </div>\n        </div>\n      </div>\n    )\n  }\n\n  // Success case - redirect immediately\n  return null\n}\n"],"names":["AuthCallbackPage","navigate","useNavigate","search","useSearch","from","errorMessages","displayMessage","error","useEffect","cleanup","timer","setTimeout","to","clearTimeout","code"],"mappings":";;;AAWA,SAASA,mBAAmB;AAC1B,QAAMC,WAAWC,YAAAA;AACjB,QAAMC,SAASC,UAAU;AAAA,IAAEC,MAAM;AAAA,EAAA,CAAkB;AAEnD,QAAMC,gBAAwC;AAAA,IAC5C,yBAAyB;AAAA,IACzB,mBAAmB;AAAA,IACnB,iBAAiB;AAAA,IACjB,uBAAuB;AAAA,IACvB,gBAAgB;AAAA,IAChB,2BAA2B;AAAA,EAAA;AAG7B,QAAMC,iBAAiBJ,OAAOK,QAC1BF,cAAcH,OAAOK,KAAK,KAAK,0BAA0BL,OAAOK,KAAK,KACrE;AAEJC,YAAU,MAAM;AACd,QAAIC;AAEJ,QAAIP,OAAOK,OAAO;AAEhB,YAAMG,QAAQC,WAAW,MAAM;AAC7BX,iBAAS;AAAA,UAAEY,IAAI;AAAA,QAAA,CAAK;AAAA,MACtB,GAAG,GAAI;AAEPH,gBAAUA,MAAMI,aAAaH,KAAK;AAAA,IACpC,WAAW,CAACR,OAAOY,MAAM;AAEvBd,eAAS;AAAA,QAAEY,IAAI;AAAA,MAAA,CAAK;AAAA,IACtB;AAEA,WAAOH;AAAAA,EACT,GAAG,CAACP,OAAOK,OAAOL,OAAOY,MAAMd,QAAQ,CAAC;AAExC,MAAIE,OAAOK,OAAO;AAChB,WACE,oBAAC,OAAA,EAAI,WAAU,iEACb,UAAA,oBAAC,OAAA,EAAI,WAAU,8CACb,UAAA,qBAAC,OAAA,EAAI,WAAU,aACb,UAAA;AAAA,MAAA,oBAAC,MAAA,EAAG,WAAU,yBAAwB,UAAA,wBAAoB;AAAA,MAC1D,oBAAC,KAAA,EAAE,WAAU,wBAAwBD,UAAAA,gBAAe;AAAA,MACpD,oBAAC,KAAA,EAAE,WAAU,qCAAmC,UAAA,iDAEhD;AAAA,MACA,oBAAC,OAAA,EAAI,WAAU,iCACb,UAAA,oBAAC,UAAA,EACC,MAAK,UACL,WAAU,0BACV,SAAS,MAAMN,SAAS;AAAA,QAAEY,IAAI;AAAA,MAAA,CAAK,GAAE,UAAA,cAAA,CAGvC,EAAA,CACF;AAAA,IAAA,EAAA,CACF,GACF,GACF;AAAA,EAEJ;AAGA,SAAO;AACT;"}

package/dist/esm/types/ehTypes.d.ts

@@ -1,10 +1,7 @@
-import { TRPCRouter } from '@env-hopper/backend-core';
+import { EnvBaseInfo, TRPCRouter } from '@env-hopper/backend-core';
 import { TRPCClient } from '@trpc/client';
 import { EhDb } from '~/userDb/EhDb';
-export interface EhEnvIndexed {
-    slug: string;
-    displayName: string;
-}
+export type EhEnvIndexed = EnvBaseInfo;
 export interface EhAppPage {
     slug: string;
     displayName: string;

package/dist/esm/types/tanstackQuery.d.ts

@@ -1,7 +1,9 @@
 import { TRPCRouter } from '@env-hopper/backend-core';
 import { TRPCClient } from '@trpc/client';
+import { EhDb } from '~/userDb/EhDb';
 export interface EhReactQueryMeta extends Record<string, unknown> {
     trpcClient: TRPCClient<TRPCRouter>;
+    db: EhDb;
 }
 declare module '@tanstack/react-query' {
     interface Register {

package/dist/esm/types/types.d.ts

@@ -1,14 +1,23 @@
-import { RouterHistory } from '@tanstack/react-router';
+import { TRPCRouter } from '@env-hopper/backend-core';
 import { QueryClient } from '@tanstack/react-query';
+import { RouterHistory } from '@tanstack/react-router';
 import { TRPCClient } from '@trpc/client';
-import { TRPCRouter } from '@env-hopper/backend-core';
-import { EhDb } from '~/userDb/EhDb';
+import { EnvHopperHealthStateBootstrapPart } from '~/modules/config/HealthStateContext';
 import { EhPlugin } from '~/modules/pluginCore/types';
+import { EhDb } from '~/userDb/EhDb';
+export interface BreadcrumbMeta {
+    title: string;
+    href?: string;
+}
 export interface EhRouterContext {
     queryClient: QueryClient;
     trpcClient: TRPCClient<TRPCRouter>;
     db: EhDb;
     plugins: Array<EhPlugin>;
+    boostrapHealth: EnvHopperHealthStateBootstrapPart;
+    meta?: {
+        breadcrumb?: BreadcrumbMeta;
+    };
 }
 export interface EhRouterInitParams {
     history: RouterHistory;

package/dist/esm/types/userBehaviourTypes.d.ts

@@ -47,7 +47,7 @@ export interface AppPageSelectionAction {
     appPageSlug: AppPageSlug;
 }
 export interface PageJumpAction {
-    actionType: 'pageJump';
+    actionType: 'jumpPage';
     envSlug: string;
     appPageSlug: AppPageSlug;
     appPageContext?: AppPageContext;

package/dist/esm/ui/autocomplete.d.ts

@@ -0,0 +1,29 @@
+import { AutocompleteRoot, Autocomplete as AutocompletePrimitive } from '@base-ui/react/autocomplete';
+import { ComponentProps } from 'react';
+import { InputGroup } from '~/ui/input-group';
+export type AutocompleteProps<TItemValue> = Omit<AutocompleteRoot.Props<TItemValue>, 'items'> & {
+    /**
+     * The items to be displayed in the list.
+     * Can be either a flat array of items or an array of groups with items.
+     */
+    items?: ReadonlyArray<TItemValue>;
+};
+declare function Autocomplete<TItemValue>({ children, ...props }: AutocompleteProps<TItemValue>): import("react/jsx-runtime").JSX.Element;
+declare function AutocompleteInput({ children, ref, propsGroup, ...props }: ComponentProps<typeof AutocompletePrimitive.Input> & {
+    propsGroup?: ComponentProps<typeof InputGroup>;
+}): import("react/jsx-runtime").JSX.Element;
+declare function AutocompleteClear({ ...props }: ComponentProps<typeof AutocompletePrimitive.Clear>): import("react/jsx-runtime").JSX.Element;
+declare function AutocompleteTrigger({ className, ...props }: ComponentProps<typeof AutocompletePrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
+declare function AutocompleteValue({ ...props }: ComponentProps<typeof AutocompletePrimitive.Value>): import("react/jsx-runtime").JSX.Element;
+declare function AutocompleteIcon({ ...props }: ComponentProps<typeof AutocompletePrimitive.Icon>): import("react/jsx-runtime").JSX.Element;
+declare function AutocompletePopup({ className, children, ...props }: ComponentProps<typeof AutocompletePrimitive.Popup>): import("react/jsx-runtime").JSX.Element;
+declare function AutocompleteEmpty({ className, ...props }: ComponentProps<typeof AutocompletePrimitive.Empty>): import("react/jsx-runtime").JSX.Element;
+declare function AutocompleteList({ className, ...props }: ComponentProps<typeof AutocompletePrimitive.List>): import("react/jsx-runtime").JSX.Element;
+declare function AutocompleteItem({ className, ...props }: ComponentProps<typeof AutocompletePrimitive.Item>): import("react/jsx-runtime").JSX.Element;
+declare function AutocompleteRow({ ...props }: ComponentProps<typeof AutocompletePrimitive.Row>): import("react/jsx-runtime").JSX.Element;
+declare function AutocompleteCollection({ ...props }: ComponentProps<typeof AutocompletePrimitive.Collection>): import("react/jsx-runtime").JSX.Element;
+declare function AutocompleteGroup({ ...props }: ComponentProps<typeof AutocompletePrimitive.Group>): import("react/jsx-runtime").JSX.Element;
+declare function AutocompleteGroupLabel({ className, ...props }: ComponentProps<typeof AutocompletePrimitive.GroupLabel>): import("react/jsx-runtime").JSX.Element;
+declare function AutocompleteSeparator({ className, ...props }: ComponentProps<typeof AutocompletePrimitive.Separator>): import("react/jsx-runtime").JSX.Element;
+declare function AutocompleteStatus({ className, ...props }: ComponentProps<typeof AutocompletePrimitive.Status>): import("react/jsx-runtime").JSX.Element;
+export { Autocomplete, AutocompleteClear, AutocompleteCollection, AutocompleteEmpty, AutocompleteGroup, AutocompleteGroupLabel, AutocompleteIcon, AutocompleteInput, AutocompleteItem, AutocompleteList, AutocompletePopup, AutocompleteRow, AutocompleteSeparator, AutocompleteStatus, AutocompleteTrigger, AutocompleteValue };

package/dist/esm/ui/autocomplete.js

@@ -0,0 +1,164 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Autocomplete as Autocomplete$1 } from "@base-ui/react/autocomplete";
+import { XIcon, ChevronDownIcon } from "lucide-react";
+import { useRef, useMemo, createContext, useImperativeHandle, use } from "react";
+import { cn } from "../lib/utils.js";
+import { InputGroup, InputGroupInput, InputGroupAddon, InputGroupButton } from "./input-group.js";
+const AutocompleteAnchorContext = createContext(null);
+const useAnchorRef = () => {
+  const context = use(AutocompleteAnchorContext);
+  if (!context) {
+    throw new Error(
+      "Autocomplete components must be used within <Autocomplete>."
+    );
+  }
+  return context;
+};
+function Autocomplete({
+  children,
+  ...props
+}) {
+  const anchorRef = useRef(null);
+  const contextValue = useMemo(() => ({ anchorRef }), []);
+  return /* @__PURE__ */ jsx(Autocomplete$1.Root, { ...props, children: /* @__PURE__ */ jsx(AutocompleteAnchorContext, { value: contextValue, children }) });
+}
+function AutocompleteInput({
+  children,
+  ref,
+  propsGroup,
+  ...props
+}) {
+  const { anchorRef } = useAnchorRef();
+  useImperativeHandle(ref, () => anchorRef.current, [anchorRef]);
+  return /* @__PURE__ */ jsxs(InputGroup, { ref: anchorRef, ...propsGroup, children: [
+    /* @__PURE__ */ jsx(Autocomplete$1.Input, { render: InputGroupInput, ...props }),
+    children
+  ] });
+}
+function AutocompleteClear({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(InputGroupAddon, { align: "inline-end", children: /* @__PURE__ */ jsx(
+    Autocomplete$1.Clear,
+    {
+      render: (renderProps) => /* @__PURE__ */ jsx(InputGroupButton, { size: "icon-xs", ...renderProps }),
+      ...props,
+      children: /* @__PURE__ */ jsx(XIcon, {})
+    }
+  ) });
+}
+function AutocompleteTrigger({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(InputGroupAddon, { align: "inline-end", children: /* @__PURE__ */ jsx(
+    Autocomplete$1.Trigger,
+    {
+      render: (renderProps) => /* @__PURE__ */ jsx(InputGroupButton, { size: "icon-xs", ...renderProps }),
+      className: cn(
+        "data-popup-open:[&_svg]:rotate-180 [&_svg]:transition-transform",
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ jsx(AutocompleteIcon, { render: (iconProps) => /* @__PURE__ */ jsx(ChevronDownIcon, { ...iconProps }) })
+    }
+  ) });
+}
+function AutocompleteValue({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(Autocomplete$1.Value, { ...props });
+}
+function AutocompleteIcon({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(Autocomplete$1.Icon, { ...props });
+}
+function AutocompletePopup({
+  className,
+  children,
+  ...props
+}) {
+  const { anchorRef } = useAnchorRef();
+  return /* @__PURE__ */ jsx(Autocomplete$1.Portal, { children: /* @__PURE__ */ jsx(
+    Autocomplete$1.Positioner,
+    {
+      anchor: anchorRef,
+      className: "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
+      children: /* @__PURE__ */ jsx(
+        Autocomplete$1.Popup,
+        {
+          className: cn(
+            "px-1 bg-popover text-popover-foreground rounded-md border shadow-md",
+            "w-(--anchor-width) max-w-(--available-width) max-h-92 overflow-hidden",
+            "data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+            className
+          ),
+          ...props,
+          children
+        }
+      )
+    }
+  ) });
+}
+function AutocompleteEmpty({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    Autocomplete$1.Empty,
+    {
+      className: cn(
+        "py-2 pl-2 empty:p-0 text-sm text-muted-foreground",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function AutocompleteList({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    Autocomplete$1.List,
+    {
+      className: cn(
+        "overflow-y-auto scroll-py-2 overscroll-contain max-h-[min(23rem,var(--available-height))] data-empty:p-0",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function AutocompleteItem({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    Autocomplete$1.Item,
+    {
+      className: cn(
+        "cursor-default flex items-center gap-2 py-1.5 pl-2 pr-8 text-sm outline-hidden select-none",
+        "data-highlighted:relative data-highlighted:z-0 data-highlighted:text-accent-foreground data-highlighted:before:absolute data-highlighted:before:inset-0 data-highlighted:before:z-[-1] data-highlighted:before:rounded-sm data-highlighted:before:bg-accent",
+        "data-disabled:pointer-events-none data-disabled:opacity-50",
+        className
+      ),
+      ...props
+    }
+  );
+}
+export {
+  Autocomplete,
+  AutocompleteClear,
+  AutocompleteEmpty,
+  AutocompleteIcon,
+  AutocompleteInput,
+  AutocompleteItem,
+  AutocompleteList,
+  AutocompletePopup,
+  AutocompleteTrigger,
+  AutocompleteValue
+};
+//# sourceMappingURL=autocomplete.js.map

package/dist/esm/ui/autocomplete.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"autocomplete.js","sources":["../../../src/ui/autocomplete.tsx"],"sourcesContent":["'use client'\n\nimport type { AutocompleteRoot } from '@base-ui/react/autocomplete'\nimport { Autocomplete as AutocompletePrimitive } from '@base-ui/react/autocomplete'\nimport { ChevronDownIcon, XIcon } from 'lucide-react'\nimport type { ComponentProps, RefObject } from 'react'\nimport { createContext, use, useImperativeHandle, useMemo, useRef } from 'react'\nimport { cn } from '~/lib/utils'\nimport {\n    InputGroup,\n    InputGroupAddon,\n    InputGroupButton,\n    InputGroupInput,\n} from '~/ui/input-group'\n\nexport type AutocompleteProps<TItemValue> = Omit<\n  AutocompleteRoot.Props<TItemValue>,\n  'items'\n> & {\n  /**\n   * The items to be displayed in the list.\n   * Can be either a flat array of items or an array of groups with items.\n   */\n  items?: ReadonlyArray<TItemValue>\n}\n\nconst AutocompleteAnchorContext = createContext<{\n  anchorRef: RefObject<HTMLInputElement | null>\n} | null>(null)\n\nconst useAnchorRef = () => {\n  const context = use(AutocompleteAnchorContext)\n  if (!context) {\n    throw new Error(\n      'Autocomplete components must be used within <Autocomplete>.',\n    )\n  }\n  return context\n}\n\nfunction Autocomplete<TItemValue>({\n  children,\n  ...props\n}: AutocompleteProps<TItemValue>) {\n  const anchorRef = useRef<HTMLInputElement | null>(null)\n\n  const contextValue = useMemo(() => ({ anchorRef }), [])\n  return (\n    <AutocompletePrimitive.Root {...props}>\n      <AutocompleteAnchorContext value={contextValue}>\n        {children}\n      </AutocompleteAnchorContext>\n    </AutocompletePrimitive.Root>\n  )\n}\n\nfunction AutocompleteInput({\n  children,\n  ref,\n  propsGroup,\n  ...props\n}: ComponentProps<typeof AutocompletePrimitive.Input> & {\n  propsGroup?: ComponentProps<typeof InputGroup>\n}) {\n  const { anchorRef } = useAnchorRef()\n  useImperativeHandle(ref, () => anchorRef.current!, [anchorRef])\n  return (\n    <InputGroup ref={anchorRef} {...propsGroup}>\n      <AutocompletePrimitive.Input render={InputGroupInput} {...props} />\n      {children}\n    </InputGroup>\n  )\n}\n\nfunction AutocompleteClear({\n  ...props\n}: ComponentProps<typeof AutocompletePrimitive.Clear>) {\n  return (\n    <InputGroupAddon align=\"inline-end\">\n      <AutocompletePrimitive.Clear\n        render={(renderProps) => <InputGroupButton size=\"icon-xs\" {...renderProps} />}\n        {...props}\n      >\n        <XIcon />\n      </AutocompletePrimitive.Clear>\n    </InputGroupAddon>\n  )\n}\n\nfunction AutocompleteTrigger({\n  className,\n  ...props\n}: ComponentProps<typeof AutocompletePrimitive.Trigger>) {\n  return (\n    <InputGroupAddon align=\"inline-end\">\n      <AutocompletePrimitive.Trigger\n        render={(renderProps) => <InputGroupButton size=\"icon-xs\" {...renderProps} />}\n        className={cn(\n          'data-popup-open:[&_svg]:rotate-180 [&_svg]:transition-transform',\n          className,\n        )}\n        {...props}\n      >\n        <AutocompleteIcon render={(iconProps) => <ChevronDownIcon {...iconProps} />} />\n      </AutocompletePrimitive.Trigger>\n    </InputGroupAddon>\n  )\n}\n\nfunction AutocompleteValue({\n  ...props\n}: ComponentProps<typeof AutocompletePrimitive.Value>) {\n  return <AutocompletePrimitive.Value {...props} />\n}\n\nfunction AutocompleteIcon({\n  ...props\n}: ComponentProps<typeof AutocompletePrimitive.Icon>) {\n  return <AutocompletePrimitive.Icon {...props} />\n}\n\nfunction AutocompletePopup({\n  className,\n  children,\n  ...props\n}: ComponentProps<typeof AutocompletePrimitive.Popup>) {\n  const { anchorRef } = useAnchorRef()\n  return (\n    <AutocompletePrimitive.Portal>\n      <AutocompletePrimitive.Positioner\n        anchor={anchorRef}\n        className=\"data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1\"\n      >\n        <AutocompletePrimitive.Popup\n          className={cn(\n            'px-1 bg-popover text-popover-foreground rounded-md border shadow-md',\n            'w-(--anchor-width) max-w-(--available-width) max-h-92 overflow-hidden',\n            'data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2',\n            className,\n          )}\n          {...props}\n        >\n          {children}\n        </AutocompletePrimitive.Popup>\n      </AutocompletePrimitive.Positioner>\n    </AutocompletePrimitive.Portal>\n  )\n}\n\nfunction AutocompleteEmpty({\n  className,\n  ...props\n}: ComponentProps<typeof AutocompletePrimitive.Empty>) {\n  return (\n    <AutocompletePrimitive.Empty\n      className={cn(\n        'py-2 pl-2 empty:p-0 text-sm text-muted-foreground',\n        className,\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction AutocompleteList({\n  className,\n  ...props\n}: ComponentProps<typeof AutocompletePrimitive.List>) {\n  return (\n    <AutocompletePrimitive.List\n      className={cn(\n        'overflow-y-auto scroll-py-2 overscroll-contain max-h-[min(23rem,var(--available-height))] data-empty:p-0',\n        className,\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction AutocompleteItem({\n  className,\n  ...props\n}: ComponentProps<typeof AutocompletePrimitive.Item>) {\n  return (\n    <AutocompletePrimitive.Item\n      className={cn(\n        'cursor-default flex items-center gap-2 py-1.5 pl-2 pr-8 text-sm outline-hidden select-none',\n        'data-highlighted:relative data-highlighted:z-0 data-highlighted:text-accent-foreground data-highlighted:before:absolute data-highlighted:before:inset-0 data-highlighted:before:z-[-1] data-highlighted:before:rounded-sm data-highlighted:before:bg-accent',\n        'data-disabled:pointer-events-none data-disabled:opacity-50',\n        className,\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction AutocompleteRow({\n  ...props\n}: ComponentProps<typeof AutocompletePrimitive.Row>) {\n  return <AutocompletePrimitive.Row {...props} />\n}\n\nfunction AutocompleteCollection({\n  ...props\n}: ComponentProps<typeof AutocompletePrimitive.Collection>) {\n  return <AutocompletePrimitive.Collection {...props} />\n}\n\nfunction AutocompleteGroup({\n  ...props\n}: ComponentProps<typeof AutocompletePrimitive.Group>) {\n  return <AutocompletePrimitive.Group {...props} />\n}\n\nfunction AutocompleteGroupLabel({\n  className,\n  ...props\n}: ComponentProps<typeof AutocompletePrimitive.GroupLabel>) {\n  return (\n    <AutocompletePrimitive.GroupLabel\n      className={cn('text-muted-foreground px-2 py-1.5 text-xs', className)}\n      {...props}\n    />\n  )\n}\n\nfunction AutocompleteSeparator({\n  className,\n  ...props\n}: ComponentProps<typeof AutocompletePrimitive.Separator>) {\n  return (\n    <AutocompletePrimitive.Separator\n      className={cn('bg-border pointer-events-none my-1 h-px', className)}\n      {...props}\n    />\n  )\n}\n\nfunction AutocompleteStatus({\n  className,\n  ...props\n}: ComponentProps<typeof AutocompletePrimitive.Status>) {\n  return (\n    <AutocompletePrimitive.Status\n      className={cn(\n        'py-2 pl-2 empty:p-0 text-sm text-muted-foreground',\n        className,\n      )}\n      {...props}\n    />\n  )\n}\n\nexport {\n    Autocomplete,\n    AutocompleteClear,\n    AutocompleteCollection,\n    AutocompleteEmpty,\n    AutocompleteGroup,\n    AutocompleteGroupLabel,\n    AutocompleteIcon,\n    AutocompleteInput,\n    AutocompleteItem,\n    AutocompleteList,\n    AutocompletePopup,\n    AutocompleteRow,\n    AutocompleteSeparator,\n    AutocompleteStatus,\n    AutocompleteTrigger,\n    AutocompleteValue\n}\n\n"],"names":[],"mappings":";;;;;;;AA0BA;AAIA;AACE;AACA;AACE;AAAU;AACR;AAAA;AAGJ;AACF;AAEA;AAAkC;AAChC;AAEF;AACE;AAEA;AACA;AAOF;AAEA;AAA2B;AACzB;AACA;AACA;AAEF;AAGE;AACA;AACA;AAEI;AAAiE;AAChE;AAGP;AAEA;AAA2B;AAE3B;AACE;AAEI;AAAuB;AAAtB;AAC4E;AACvE;AAEG;AAAA;AAIf;AAEA;AAA6B;AAC3B;AAEF;AACE;AAEI;AAAuB;AAAtB;AAC4E;AAChE;AACT;AACA;AAAA;AAEE;AAEyE;AAAA;AAIrF;AAEA;AAA2B;AAE3B;AACE;AACF;AAEA;AAA0B;AAE1B;AACE;AACF;AAEA;AAA2B;AACzB;AACA;AAEF;AACE;AACA;AAEI;AAAuB;AAAtB;AACS;AACE;AAEV;AAAuB;AAAtB;AACY;AACT;AACA;AACA;AACA;AAAA;AAEE;AAEH;AAAA;AAAA;AACH;AAIR;AAEA;AAA2B;AACzB;AAEF;AACE;AACE;AAAuB;AAAtB;AACY;AACT;AACA;AAAA;AAEE;AAAA;AAGV;AAEA;AAA0B;AACxB;AAEF;AACE;AACE;AAAuB;AAAtB;AACY;AACT;AACA;AAAA;AAEE;AAAA;AAGV;AAEA;AAA0B;AACxB;AAEF;AACE;AACE;AAAuB;AAAtB;AACY;AACT;AACA;AACA;AACA;AAAA;AAEE;AAAA;AAGV;;;;;;;;;;;;;"}

package/dist/esm/ui/badge.js

@@ -0,0 +1,27 @@
+import { jsx } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+import { cn } from "../lib/utils.js";
+const badgeVariants = cva(
+  "inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",
+  {
+    variants: {
+      variant: {
+        default: "border-transparent bg-primary text-primary-foreground hover:bg-primary/80",
+        secondary: "border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80",
+        destructive: "border-transparent bg-destructive text-destructive-foreground hover:bg-destructive/80",
+        outline: "text-foreground"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+function Badge({ className, variant, ...props }) {
+  return /* @__PURE__ */ jsx("div", { className: cn(badgeVariants({ variant }), className), ...props });
+}
+export {
+  Badge,
+  badgeVariants
+};
+//# sourceMappingURL=badge.js.map

package/dist/esm/ui/badge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"badge.js","sources":["../../../src/ui/badge.tsx"],"sourcesContent":["import * as React from 'react'\nimport { cva } from 'class-variance-authority'\nimport type { VariantProps } from 'class-variance-authority'\n\nimport { cn } from '~/lib/utils'\n\nconst badgeVariants = cva(\n  'inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2',\n  {\n    variants: {\n      variant: {\n        default:\n          'border-transparent bg-primary text-primary-foreground hover:bg-primary/80',\n        secondary:\n          'border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80',\n        destructive:\n          'border-transparent bg-destructive text-destructive-foreground hover:bg-destructive/80',\n        outline: 'text-foreground',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n    },\n  },\n)\n\nexport interface BadgeProps\n  extends\n    React.HTMLAttributes<HTMLDivElement>,\n    VariantProps<typeof badgeVariants> {}\n\nfunction Badge({ className, variant, ...props }: BadgeProps) {\n  return (\n    <div className={cn(badgeVariants({ variant }), className)} {...props} />\n  )\n}\n\nexport { Badge, badgeVariants }\n"],"names":[],"mappings":";;;AAMA,MAAM,gBAAgB;AAAA,EACpB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SACE;AAAA,QACF,WACE;AAAA,QACF,aACE;AAAA,QACF,SAAS;AAAA,MAAA;AAAA,IACX;AAAA,IAEF,iBAAiB;AAAA,MACf,SAAS;AAAA,IAAA;AAAA,EACX;AAEJ;AAOA,SAAS,MAAM,EAAE,WAAW,SAAS,GAAG,SAAqB;AAC3D,SACE,oBAAC,OAAA,EAAI,WAAW,GAAG,cAAc,EAAE,QAAA,CAAS,GAAG,SAAS,GAAI,GAAG,MAAA,CAAO;AAE1E;"}

package/dist/esm/ui/breadcrumb.d.ts

@@ -0,0 +1,11 @@
+import * as React from 'react';
+declare function Breadcrumb({ ...props }: React.ComponentProps<'nav'>): import("react/jsx-runtime").JSX.Element;
+declare function BreadcrumbList({ className, ...props }: React.ComponentProps<'ol'>): import("react/jsx-runtime").JSX.Element;
+declare function BreadcrumbItem({ className, ...props }: React.ComponentProps<'li'>): import("react/jsx-runtime").JSX.Element;
+declare function BreadcrumbLink({ asChild, className, ...props }: React.ComponentProps<'a'> & {
+    asChild?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+declare function BreadcrumbPage({ className, ...props }: React.ComponentProps<'span'>): import("react/jsx-runtime").JSX.Element;
+declare function BreadcrumbSeparator({ children, className, ...props }: React.ComponentProps<'li'>): import("react/jsx-runtime").JSX.Element;
+declare function BreadcrumbEllipsis({ className, ...props }: React.ComponentProps<'span'>): import("react/jsx-runtime").JSX.Element;
+export { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator };

package/dist/esm/ui/breadcrumb.js

@@ -0,0 +1,84 @@
+import { jsx } from "react/jsx-runtime";
+import { Slot } from "@radix-ui/react-slot";
+import { ChevronRight } from "lucide-react";
+import { cn } from "../lib/utils.js";
+function Breadcrumb({ ...props }) {
+  return /* @__PURE__ */ jsx("nav", { "aria-label": "breadcrumb", "data-slot": "breadcrumb", ...props });
+}
+function BreadcrumbList({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "ol",
+    {
+      "data-slot": "breadcrumb-list",
+      className: cn(
+        "text-muted-foreground flex flex-wrap items-center gap-1.5 text-sm wrap-break-word sm:gap-2.5",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function BreadcrumbItem({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "li",
+    {
+      "data-slot": "breadcrumb-item",
+      className: cn("inline-flex items-center gap-1.5", className),
+      ...props
+    }
+  );
+}
+function BreadcrumbLink({
+  asChild,
+  className,
+  ...props
+}) {
+  const Comp = asChild ? Slot : "a";
+  return /* @__PURE__ */ jsx(
+    Comp,
+    {
+      "data-slot": "breadcrumb-link",
+      className: cn("hover:text-foreground transition-colors", className),
+      ...props
+    }
+  );
+}
+function BreadcrumbPage({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      "data-slot": "breadcrumb-page",
+      role: "link",
+      "aria-disabled": "true",
+      "aria-current": "page",
+      className: cn("text-foreground font-normal", className),
+      ...props
+    }
+  );
+}
+function BreadcrumbSeparator({
+  children,
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "li",
+    {
+      "data-slot": "breadcrumb-separator",
+      role: "presentation",
+      "aria-hidden": "true",
+      className: cn("[&>svg]:size-3.5", className),
+      ...props,
+      children: children ?? /* @__PURE__ */ jsx(ChevronRight, {})
+    }
+  );
+}
+export {
+  Breadcrumb,
+  BreadcrumbItem,
+  BreadcrumbLink,
+  BreadcrumbList,
+  BreadcrumbPage,
+  BreadcrumbSeparator
+};
+//# sourceMappingURL=breadcrumb.js.map

package/dist/esm/ui/breadcrumb.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumb.js","sources":["../../../src/ui/breadcrumb.tsx"],"sourcesContent":["import { Slot } from '@radix-ui/react-slot'\nimport { ChevronRight, MoreHorizontal } from 'lucide-react'\nimport * as React from 'react'\n\nimport { cn } from '~/lib/utils'\n\nfunction Breadcrumb({ ...props }: React.ComponentProps<'nav'>) {\n  return <nav aria-label=\"breadcrumb\" data-slot=\"breadcrumb\" {...props} />\n}\n\nfunction BreadcrumbList({ className, ...props }: React.ComponentProps<'ol'>) {\n  return (\n    <ol\n      data-slot=\"breadcrumb-list\"\n      className={cn(\n        'text-muted-foreground flex flex-wrap items-center gap-1.5 text-sm wrap-break-word sm:gap-2.5',\n        className,\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction BreadcrumbItem({ className, ...props }: React.ComponentProps<'li'>) {\n  return (\n    <li\n      data-slot=\"breadcrumb-item\"\n      className={cn('inline-flex items-center gap-1.5', className)}\n      {...props}\n    />\n  )\n}\n\nfunction BreadcrumbLink({\n  asChild,\n  className,\n  ...props\n}: React.ComponentProps<'a'> & {\n  asChild?: boolean\n}) {\n  const Comp = asChild ? Slot : 'a'\n\n  return (\n    <Comp\n      data-slot=\"breadcrumb-link\"\n      className={cn('hover:text-foreground transition-colors', className)}\n      {...props}\n    />\n  )\n}\n\nfunction BreadcrumbPage({ className, ...props }: React.ComponentProps<'span'>) {\n  return (\n    <span\n      data-slot=\"breadcrumb-page\"\n      role=\"link\"\n      aria-disabled=\"true\"\n      aria-current=\"page\"\n      className={cn('text-foreground font-normal', className)}\n      {...props}\n    />\n  )\n}\n\nfunction BreadcrumbSeparator({\n  children,\n  className,\n  ...props\n}: React.ComponentProps<'li'>) {\n  return (\n    <li\n      data-slot=\"breadcrumb-separator\"\n      role=\"presentation\"\n      aria-hidden=\"true\"\n      className={cn('[&>svg]:size-3.5', className)}\n      {...props}\n    >\n      {children ?? <ChevronRight />}\n    </li>\n  )\n}\n\nfunction BreadcrumbEllipsis({\n  className,\n  ...props\n}: React.ComponentProps<'span'>) {\n  return (\n    <span\n      data-slot=\"breadcrumb-ellipsis\"\n      role=\"presentation\"\n      aria-hidden=\"true\"\n      className={cn('flex size-9 items-center justify-center', className)}\n      {...props}\n    >\n      <MoreHorizontal className=\"size-4\" />\n      <span className=\"sr-only\">More</span>\n    </span>\n  )\n}\n\nexport {\n  Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem,\n  BreadcrumbLink, BreadcrumbList, BreadcrumbPage,\n  BreadcrumbSeparator\n}\n\n"],"names":[],"mappings":";;;;AAMA,SAAS,WAAW,EAAE,GAAG,SAAsC;AAC7D,6BAAQ,OAAA,EAAI,cAAW,cAAa,aAAU,cAAc,GAAG,OAAO;AACxE;AAEA,SAAS,eAAe,EAAE,WAAW,GAAG,SAAqC;AAC3E,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MAAA;AAAA,MAED,GAAG;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAAS,eAAe,EAAE,WAAW,GAAG,SAAqC;AAC3E,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW,GAAG,oCAAoC,SAAS;AAAA,MAC1D,GAAG;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAAS,eAAe;AAAA,EACtB;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAEG;AACD,QAAM,OAAO,UAAU,OAAO;AAE9B,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW,GAAG,2CAA2C,SAAS;AAAA,MACjE,GAAG;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAAS,eAAe,EAAE,WAAW,GAAG,SAAuC;AAC7E,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,MAAK;AAAA,MACL,iBAAc;AAAA,MACd,gBAAa;AAAA,MACb,WAAW,GAAG,+BAA+B,SAAS;AAAA,MACrD,GAAG;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAAS,oBAAoB;AAAA,EAC3B;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAA+B;AAC7B,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,MAAK;AAAA,MACL,eAAY;AAAA,MACZ,WAAW,GAAG,oBAAoB,SAAS;AAAA,MAC1C,GAAG;AAAA,MAEH,UAAA,gCAAa,cAAA,CAAA,CAAa;AAAA,IAAA;AAAA,EAAA;AAGjC;"}

package/dist/esm/ui/button-group.d.ts

@@ -0,0 +1,11 @@
+import { VariantProps } from 'class-variance-authority';
+import { Separator } from '~/ui/separator';
+declare const buttonGroupVariants: (props?: ({
+    orientation?: "horizontal" | "vertical" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+declare function ButtonGroup({ className, orientation, ...props }: React.ComponentProps<'div'> & VariantProps<typeof buttonGroupVariants>): import("react/jsx-runtime").JSX.Element;
+declare function ButtonGroupText({ className, asChild, ...props }: React.ComponentProps<'div'> & {
+    asChild?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+declare function ButtonGroupSeparator({ className, orientation, ...props }: React.ComponentProps<typeof Separator>): import("react/jsx-runtime").JSX.Element;
+export { ButtonGroup, ButtonGroupSeparator, ButtonGroupText, buttonGroupVariants };

package/dist/esm/ui/button-group.js

@@ -0,0 +1,40 @@
+import { jsx } from "react/jsx-runtime";
+import "@radix-ui/react-slot";
+import { cva } from "class-variance-authority";
+import { cn } from "../lib/utils.js";
+import "@radix-ui/react-separator";
+const buttonGroupVariants = cva(
+  "flex w-fit items-stretch [&>*]:focus-visible:z-10 [&>*]:focus-visible:relative [&>[data-slot=select-trigger]:not([class*='w-'])]:w-fit [&>input]:flex-1 has-[select[aria-hidden=true]:last-child]:[&>[data-slot=select-trigger]:last-of-type]:rounded-r-md has-[>[data-slot=button-group]]:gap-2",
+  {
+    variants: {
+      orientation: {
+        horizontal: "[&>*:not(:first-child)]:rounded-l-none [&>*:not(:first-child)]:border-l-0 [&>*:not(:last-child)]:rounded-r-none",
+        vertical: "flex-col [&>*:not(:first-child)]:rounded-t-none [&>*:not(:first-child)]:border-t-0 [&>*:not(:last-child)]:rounded-b-none"
+      }
+    },
+    defaultVariants: {
+      orientation: "horizontal"
+    }
+  }
+);
+function ButtonGroup({
+  className,
+  orientation,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      role: "group",
+      "data-slot": "button-group",
+      "data-orientation": orientation,
+      className: cn(buttonGroupVariants({ orientation }), className),
+      ...props
+    }
+  );
+}
+export {
+  ButtonGroup,
+  buttonGroupVariants
+};
+//# sourceMappingURL=button-group.js.map

package/dist/esm/ui/button-group.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button-group.js","sources":["../../../src/ui/button-group.tsx"],"sourcesContent":["import { Slot } from '@radix-ui/react-slot'\nimport type { VariantProps } from 'class-variance-authority'\nimport { cva } from 'class-variance-authority'\n\nimport { cn } from '~/lib/utils'\nimport { Separator } from '~/ui/separator'\n\nconst buttonGroupVariants = cva(\n  \"flex w-fit items-stretch [&>*]:focus-visible:z-10 [&>*]:focus-visible:relative [&>[data-slot=select-trigger]:not([class*='w-'])]:w-fit [&>input]:flex-1 has-[select[aria-hidden=true]:last-child]:[&>[data-slot=select-trigger]:last-of-type]:rounded-r-md has-[>[data-slot=button-group]]:gap-2\",\n  {\n    variants: {\n      orientation: {\n        horizontal:\n          '[&>*:not(:first-child)]:rounded-l-none [&>*:not(:first-child)]:border-l-0 [&>*:not(:last-child)]:rounded-r-none',\n        vertical:\n          'flex-col [&>*:not(:first-child)]:rounded-t-none [&>*:not(:first-child)]:border-t-0 [&>*:not(:last-child)]:rounded-b-none',\n      },\n    },\n    defaultVariants: {\n      orientation: 'horizontal',\n    },\n  },\n)\n\nfunction ButtonGroup({\n  className,\n  orientation,\n  ...props\n}: React.ComponentProps<'div'> & VariantProps<typeof buttonGroupVariants>) {\n  return (\n    <div\n      role=\"group\"\n      data-slot=\"button-group\"\n      data-orientation={orientation}\n      className={cn(buttonGroupVariants({ orientation }), className)}\n      {...props}\n    />\n  )\n}\n\nfunction ButtonGroupText({\n  className,\n  asChild = false,\n  ...props\n}: React.ComponentProps<'div'> & {\n  asChild?: boolean\n}) {\n  const Comp = asChild ? Slot : 'div'\n\n  return (\n    <Comp\n      className={cn(\n        \"bg-muted flex items-center gap-2 rounded-md border px-4 text-sm font-medium shadow-xs [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4\",\n        className,\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction ButtonGroupSeparator({\n  className,\n  orientation = 'vertical',\n  ...props\n}: React.ComponentProps<typeof Separator>) {\n  return (\n    <Separator\n      data-slot=\"button-group-separator\"\n      orientation={orientation}\n      className={cn(\n        'bg-input relative !m-0 self-stretch data-[orientation=vertical]:h-auto',\n        className,\n      )}\n      {...props}\n    />\n  )\n}\n\nexport {\n    ButtonGroup,\n    ButtonGroupSeparator,\n    ButtonGroupText,\n    buttonGroupVariants\n}\n\n"],"names":[],"mappings":";;;;;AAOA,MAAM,sBAAsB;AAAA,EAC1B;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,aAAa;AAAA,QACX,YACE;AAAA,QACF,UACE;AAAA,MAAA;AAAA,IACJ;AAAA,IAEF,iBAAiB;AAAA,MACf,aAAa;AAAA,IAAA;AAAA,EACf;AAEJ;AAEA,SAAS,YAAY;AAAA,EACnB;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAA2E;AACzE,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,aAAU;AAAA,MACV,oBAAkB;AAAA,MAClB,WAAW,GAAG,oBAAoB,EAAE,YAAA,CAAa,GAAG,SAAS;AAAA,MAC5D,GAAG;AAAA,IAAA;AAAA,EAAA;AAGV;"}

package/dist/esm/ui/button.d.ts

@@ -0,0 +1,13 @@
+import { VariantProps } from 'class-variance-authority';
+import * as React from 'react';
+declare const buttonVariants: (props?: ({
+    variant?: "link" | "default" | "destructive" | "outline" | "secondary" | "ghost" | null | undefined;
+    size?: "default" | "icon" | "sm" | "lg" | "icon-sm" | "icon-lg" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+declare function Button({ className, variant, size, asChild, ...props }: React.ComponentProps<'button'> & VariantProps<typeof buttonVariants> & {
+    asChild?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+export type ButtonProps = React.ComponentProps<'button'> & VariantProps<typeof buttonVariants> & {
+    asChild?: boolean;
+};
+export { Button, buttonVariants };

package/dist/esm/ui/button.js

@@ -0,0 +1,53 @@
+import { jsx } from "react/jsx-runtime";
+import { Slot } from "@radix-ui/react-slot";
+import { cva } from "class-variance-authority";
+import { cn } from "../lib/utils.js";
+const buttonVariants = cva(
+  "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
+  {
+    variants: {
+      variant: {
+        default: "bg-primary text-primary-foreground hover:bg-primary/90",
+        destructive: "bg-destructive text-white hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
+        outline: "border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50",
+        secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
+        ghost: "hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",
+        link: "text-primary underline-offset-4 hover:underline"
+      },
+      size: {
+        default: "h-9 px-4 py-2 has-[>svg]:px-3",
+        sm: "h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5",
+        lg: "h-10 rounded-md px-6 has-[>svg]:px-4",
+        icon: "size-9",
+        "icon-sm": "size-8",
+        "icon-lg": "size-10"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+function Button({
+  className,
+  variant,
+  size,
+  asChild = false,
+  ...props
+}) {
+  const Comp = asChild ? Slot : "button";
+  return /* @__PURE__ */ jsx(
+    Comp,
+    {
+      "data-slot": "button",
+      className: cn(buttonVariants({ variant, size, className })),
+      ...props
+    }
+  );
+}
+export {
+  Button,
+  buttonVariants
+};
+//# sourceMappingURL=button.js.map

package/dist/esm/ui/button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.js","sources":["../../../src/ui/button.tsx"],"sourcesContent":["import { Slot } from '@radix-ui/react-slot'\nimport { cva } from 'class-variance-authority'\nimport * as React from 'react'\nimport type { VariantProps } from 'class-variance-authority'\n\nimport { cn } from '~/lib/utils'\n\nconst buttonVariants = cva(\n  \"inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive\",\n  {\n    variants: {\n      variant: {\n        default: 'bg-primary text-primary-foreground hover:bg-primary/90',\n        destructive:\n          'bg-destructive text-white hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60',\n        outline:\n          'border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50',\n        secondary:\n          'bg-secondary text-secondary-foreground hover:bg-secondary/80',\n        ghost:\n          'hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50',\n        link: 'text-primary underline-offset-4 hover:underline',\n      },\n      size: {\n        default: 'h-9 px-4 py-2 has-[>svg]:px-3',\n        sm: 'h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5',\n        lg: 'h-10 rounded-md px-6 has-[>svg]:px-4',\n        icon: 'size-9',\n        'icon-sm': 'size-8',\n        'icon-lg': 'size-10',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'default',\n    },\n  },\n)\n\nfunction Button({\n  className,\n  variant,\n  size,\n  asChild = false,\n  ...props\n}: React.ComponentProps<'button'> &\n  VariantProps<typeof buttonVariants> & {\n    asChild?: boolean\n  }) {\n  const Comp = asChild ? Slot : 'button'\n\n  return (\n    <Comp\n      data-slot=\"button\"\n      className={cn(buttonVariants({ variant, size, className }))}\n      {...props}\n    />\n  )\n}\n\nexport type ButtonProps = React.ComponentProps<'button'> &\n  VariantProps<typeof buttonVariants> & {\n    asChild?: boolean\n  }\n\nexport { Button, buttonVariants }\n"],"names":[],"mappings":";;;;AAOA,MAAM,iBAAiB;AAAA,EACrB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SAAS;AAAA,QACT,aACE;AAAA,QACF,SACE;AAAA,QACF,WACE;AAAA,QACF,OACE;AAAA,QACF,MAAM;AAAA,MAAA;AAAA,MAER,MAAM;AAAA,QACJ,SAAS;AAAA,QACT,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,MAAM;AAAA,QACN,WAAW;AAAA,QACX,WAAW;AAAA,MAAA;AAAA,IACb;AAAA,IAEF,iBAAiB;AAAA,MACf,SAAS;AAAA,MACT,MAAM;AAAA,IAAA;AAAA,EACR;AAEJ;AAEA,SAAS,OAAO;AAAA,EACd;AAAA,EACA;AAAA,EACA;AAAA,EACA,UAAU;AAAA,EACV,GAAG;AACL,GAGK;AACH,QAAM,OAAO,UAAU,OAAO;AAE9B,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW,GAAG,eAAe,EAAE,SAAS,MAAM,UAAA,CAAW,CAAC;AAAA,MACzD,GAAG;AAAA,IAAA;AAAA,EAAA;AAGV;"}