@btst/stack 1.1.1 → 1.1.2

package/dist/{plugins → packages/better-stack/src/plugins}/blog/client/components/forms/tags-multiselect.cjs

@@ -1,13 +1,9 @@
 'use strict';
 
 const jsxRuntime = require('react/jsx-runtime');
-const MultipleSelector = require('@workspace/ui/components/multi-select');
+const multiSelect = require('../../../../../../../ui/src/components/multi-select.cjs');
 const blogHooks = require('../../hooks/blog-hooks.cjs');
 
-function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e.default : e; }
-
-const MultipleSelector__default = /*#__PURE__*/_interopDefaultCompat(MultipleSelector);
-
 function TagsMultiSelect({
   value,
   onChange,
@@ -55,7 +51,7 @@ function TagsMultiSelect({
     onChange(tagObjects);
   };
   return /* @__PURE__ */ jsxRuntime.jsx(
-    MultipleSelector__default,
+    multiSelect,
     {
       value: selectedOptions,
       onChange: handleChange,

package/dist/{plugins → packages/better-stack/src/plugins}/blog/client/components/forms/tags-multiselect.mjs

@@ -1,5 +1,5 @@
 import { jsx } from 'react/jsx-runtime';
-import MultipleSelector from '@workspace/ui/components/multi-select';
+import MultipleSelector from '../../../../../../../ui/src/components/multi-select.mjs';
 import { useTags } from '../../hooks/blog-hooks.mjs';
 
 function TagsMultiSelect({

package/dist/{plugins → packages/better-stack/src/plugins}/blog/client/components/loading/form-page-skeleton.cjs

@@ -3,7 +3,7 @@
 const jsxRuntime = require('react/jsx-runtime');
 const pageHeaderSkeleton = require('./page-header-skeleton.cjs');
 const pageLayout = require('../shared/page-layout.cjs');
-const skeleton = require('@workspace/ui/components/skeleton');
+const skeleton = require('../../../../../../../ui/src/components/skeleton.cjs');
 
 function FormPageSkeleton() {
   return /* @__PURE__ */ jsxRuntime.jsxs(pageLayout.PageLayout, { children: [

package/dist/{plugins → packages/better-stack/src/plugins}/blog/client/components/loading/form-page-skeleton.mjs

@@ -1,7 +1,7 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { PageHeaderSkeleton } from './page-header-skeleton.mjs';
 import { PageLayout } from '../shared/page-layout.mjs';
-import { Skeleton } from '@workspace/ui/components/skeleton';
+import { Skeleton } from '../../../../../../../ui/src/components/skeleton.mjs';
 
 function FormPageSkeleton() {
   return /* @__PURE__ */ jsxs(PageLayout, { children: [

package/dist/{plugins → packages/better-stack/src/plugins}/blog/client/components/loading/list-page-skeleton.cjs

@@ -4,7 +4,7 @@ const jsxRuntime = require('react/jsx-runtime');
 const pageHeaderSkeleton = require('./page-header-skeleton.cjs');
 const pageLayout = require('../shared/page-layout.cjs');
 const postCardSkeleton = require('./post-card-skeleton.cjs');
-const skeleton = require('@workspace/ui/components/skeleton');
+const skeleton = require('../../../../../../../ui/src/components/skeleton.cjs');
 
 function ListPageSkeleton() {
   return /* @__PURE__ */ jsxRuntime.jsxs(pageLayout.PageLayout, { children: [

package/dist/{plugins → packages/better-stack/src/plugins}/blog/client/components/loading/list-page-skeleton.mjs

@@ -2,7 +2,7 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import { PageHeaderSkeleton } from './page-header-skeleton.mjs';
 import { PageLayout } from '../shared/page-layout.mjs';
 import { PostCardSkeleton } from './post-card-skeleton.mjs';
-import { Skeleton } from '@workspace/ui/components/skeleton';
+import { Skeleton } from '../../../../../../../ui/src/components/skeleton.mjs';
 
 function ListPageSkeleton() {
   return /* @__PURE__ */ jsxs(PageLayout, { children: [

package/dist/{plugins → packages/better-stack/src/plugins}/blog/client/components/loading/page-header-skeleton.cjs

@@ -1,7 +1,7 @@
 'use strict';
 
 const jsxRuntime = require('react/jsx-runtime');
-const skeleton = require('@workspace/ui/components/skeleton');
+const skeleton = require('../../../../../../../ui/src/components/skeleton.cjs');
 
 function PageHeaderSkeleton() {
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex max-w-[600px] flex-col items-center gap-2", children: [

package/dist/{plugins → packages/better-stack/src/plugins}/blog/client/components/loading/page-header-skeleton.mjs

@@ -1,5 +1,5 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { Skeleton } from '@workspace/ui/components/skeleton';
+import { Skeleton } from '../../../../../../../ui/src/components/skeleton.mjs';
 
 function PageHeaderSkeleton() {
   return /* @__PURE__ */ jsxs("div", { className: "flex max-w-[600px] flex-col items-center gap-2", children: [

package/dist/{plugins → packages/better-stack/src/plugins}/blog/client/components/loading/post-card-skeleton.cjs

@@ -1,8 +1,8 @@
 'use strict';
 
 const jsxRuntime = require('react/jsx-runtime');
-const card = require('@workspace/ui/components/card');
-const skeleton = require('@workspace/ui/components/skeleton');
+const card = require('../../../../../../../ui/src/components/card.cjs');
+const skeleton = require('../../../../../../../ui/src/components/skeleton.cjs');
 
 function PostCardSkeleton() {
   return /* @__PURE__ */ jsxRuntime.jsxs(card.Card, { className: "h-full", children: [

package/dist/{plugins → packages/better-stack/src/plugins}/blog/client/components/loading/post-card-skeleton.mjs

@@ -1,6 +1,6 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { Card, CardHeader, CardContent, CardFooter } from '@workspace/ui/components/card';
-import { Skeleton } from '@workspace/ui/components/skeleton';
+import { Card, CardHeader, CardContent, CardFooter } from '../../../../../../../ui/src/components/card.mjs';
+import { Skeleton } from '../../../../../../../ui/src/components/skeleton.mjs';
 
 function PostCardSkeleton() {
   return /* @__PURE__ */ jsxs(Card, { className: "h-full", children: [

package/dist/{plugins → packages/better-stack/src/plugins}/blog/client/components/loading/post-page-skeleton.cjs

@@ -3,7 +3,7 @@
 const jsxRuntime = require('react/jsx-runtime');
 const pageHeaderSkeleton = require('./page-header-skeleton.cjs');
 const pageLayout = require('../shared/page-layout.cjs');
-const skeleton = require('@workspace/ui/components/skeleton');
+const skeleton = require('../../../../../../../ui/src/components/skeleton.cjs');
 
 function PostPageSkeleton() {
   return /* @__PURE__ */ jsxRuntime.jsxs(pageLayout.PageLayout, { children: [

package/dist/{plugins → packages/better-stack/src/plugins}/blog/client/components/loading/post-page-skeleton.mjs

@@ -1,7 +1,7 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { PageHeaderSkeleton } from './page-header-skeleton.mjs';
 import { PageLayout } from '../shared/page-layout.mjs';
-import { Skeleton } from '@workspace/ui/components/skeleton';
+import { Skeleton } from '../../../../../../../ui/src/components/skeleton.mjs';
 
 function PostPageSkeleton() {
   return /* @__PURE__ */ jsxs(PageLayout, { children: [

package/dist/{plugins → packages/better-stack/src/plugins}/blog/client/components/pages/post-page.internal.cjs

@@ -13,7 +13,7 @@ const defaults = require('../shared/defaults.cjs');
 const index = require('../../localization/index.cjs');
 const postNavigation = require('../shared/post-navigation.cjs');
 const recentPostsCarousel = require('../shared/recent-posts-carousel.cjs');
-const badge = require('@workspace/ui/components/badge');
+const badge = require('../../../../../../../ui/src/components/badge.cjs');
 const useRouteLifecycle = require('../shared/use-route-lifecycle.cjs');
 const onThisPage = require('../shared/on-this-page.cjs');
 

package/dist/{plugins → packages/better-stack/src/plugins}/blog/client/components/pages/post-page.internal.mjs

@@ -11,7 +11,7 @@ import { DefaultImage, DefaultLink } from '../shared/defaults.mjs';
 import { BLOG_LOCALIZATION } from '../../localization/index.mjs';
 import { PostNavigation } from '../shared/post-navigation.mjs';
 import { RecentPostsCarousel } from '../shared/recent-posts-carousel.mjs';
-import { Badge } from '@workspace/ui/components/badge';
+import { Badge } from '../../../../../../../ui/src/components/badge.mjs';
 import { useRouteLifecycle } from '../shared/use-route-lifecycle.mjs';
 import { OnThisPageSelect, OnThisPage } from '../shared/on-this-page.mjs';
 

package/dist/{plugins → packages/better-stack/src/plugins}/blog/client/components/shared/empty-list.cjs

@@ -2,7 +2,7 @@
 
 const jsxRuntime = require('react/jsx-runtime');
 const lucideReact = require('lucide-react');
-const empty = require('@workspace/ui/components/empty');
+const empty = require('../../../../../../../ui/src/components/empty.cjs');
 
 function EmptyList({ message }) {
   return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsx(

package/dist/{plugins → packages/better-stack/src/plugins}/blog/client/components/shared/empty-list.mjs

@@ -1,6 +1,6 @@
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import { NotebookTextIcon } from 'lucide-react';
-import { Empty, EmptyHeader, EmptyMedia, EmptyTitle } from '@workspace/ui/components/empty';
+import { Empty, EmptyHeader, EmptyMedia, EmptyTitle } from '../../../../../../../ui/src/components/empty.mjs';
 
 function EmptyList({ message }) {
   return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(

package/dist/{plugins → packages/better-stack/src/plugins}/blog/client/components/shared/on-this-page.cjs

@@ -6,7 +6,7 @@ const React = require('react');
 const utils = require('../../../utils.cjs');
 const context = require('@btst/stack/context');
 const index = require('../../localization/index.cjs');
-const select = require('@workspace/ui/components/select');
+const select = require('../../../../../../../ui/src/components/select.cjs');
 
 function OnThisPage({ markdown, className }) {
   const { localization } = context.usePluginOverrides("blog", {

package/dist/{plugins → packages/better-stack/src/plugins}/blog/client/components/shared/on-this-page.mjs

@@ -4,7 +4,7 @@ import { useMemo, useState, useRef, useEffect } from 'react';
 import { cn, slugify } from '../../../utils.mjs';
 import { usePluginOverrides } from '@btst/stack/context';
 import { BLOG_LOCALIZATION } from '../../localization/index.mjs';
-import { Select, SelectTrigger, SelectValue, SelectContent, SelectItem } from '@workspace/ui/components/select';
+import { Select, SelectTrigger, SelectValue, SelectContent, SelectItem } from '../../../../../../../ui/src/components/select.mjs';
 
 function OnThisPage({ markdown, className }) {
   const { localization } = usePluginOverrides("blog", {

package/dist/{plugins → packages/better-stack/src/plugins}/blog/client/components/shared/post-card.cjs

@@ -2,8 +2,8 @@
 'use strict';
 
 const jsxRuntime = require('react/jsx-runtime');
-const badge = require('@workspace/ui/components/badge');
-const card = require('@workspace/ui/components/card');
+const badge = require('../../../../../../../ui/src/components/badge.cjs');
+const card = require('../../../../../../../ui/src/components/card.cjs');
 const context = require('@btst/stack/context');
 const dateFns = require('date-fns');
 const lucideReact = require('lucide-react');

package/dist/{plugins → packages/better-stack/src/plugins}/blog/client/components/shared/post-card.mjs

@@ -1,7 +1,7 @@
 "use client";
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { Badge } from '@workspace/ui/components/badge';
-import { Card, CardHeader, CardTitle, CardContent } from '@workspace/ui/components/card';
+import { Badge } from '../../../../../../../ui/src/components/badge.mjs';
+import { Card, CardHeader, CardTitle, CardContent } from '../../../../../../../ui/src/components/card.mjs';
 import { usePluginOverrides, useBasePath } from '@btst/stack/context';
 import { formatDate } from 'date-fns';
 import { CalendarIcon } from 'lucide-react';

package/dist/{plugins → packages/better-stack/src/plugins}/blog/client/components/shared/post-navigation.cjs

@@ -3,7 +3,7 @@
 
 const jsxRuntime = require('react/jsx-runtime');
 const context = require('@btst/stack/context');
-const button = require('@workspace/ui/components/button');
+const button = require('../../../../../../../ui/src/components/button.cjs');
 const lucideReact = require('lucide-react');
 const defaults = require('./defaults.cjs');
 

package/dist/{plugins → packages/better-stack/src/plugins}/blog/client/components/shared/post-navigation.mjs

@@ -1,7 +1,7 @@
 "use client";
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { usePluginOverrides, useBasePath } from '@btst/stack/context';
-import { Button } from '@workspace/ui/components/button';
+import { Button } from '../../../../../../../ui/src/components/button.mjs';
 import { ChevronLeft, ChevronRight } from 'lucide-react';
 import { DefaultLink } from './defaults.mjs';
 

package/dist/{plugins → packages/better-stack/src/plugins}/blog/client/components/shared/posts-list.cjs

@@ -2,7 +2,7 @@
 
 const jsxRuntime = require('react/jsx-runtime');
 const context = require('@btst/stack/context');
-const button = require('@workspace/ui/components/button');
+const button = require('../../../../../../../ui/src/components/button.cjs');
 const emptyList = require('./empty-list.cjs');
 const searchInput = require('./search-input.cjs');
 const postCard = require('./post-card.cjs');

package/dist/{plugins → packages/better-stack/src/plugins}/blog/client/components/shared/posts-list.mjs

@@ -1,6 +1,6 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { usePluginOverrides } from '@btst/stack/context';
-import { Button } from '@workspace/ui/components/button';
+import { Button } from '../../../../../../../ui/src/components/button.mjs';
 import { EmptyList } from './empty-list.mjs';
 import { SearchInput } from './search-input.mjs';
 import { PostCard } from './post-card.mjs';

package/dist/{plugins → packages/better-stack/src/plugins}/blog/client/components/shared/recent-posts-carousel.cjs

@@ -3,7 +3,7 @@
 
 const jsxRuntime = require('react/jsx-runtime');
 const context = require('@btst/stack/context');
-const carousel = require('@workspace/ui/components/carousel');
+const carousel = require('../../../../../../../ui/src/components/carousel.cjs');
 const postCard = require('./post-card.cjs');
 const defaults = require('./defaults.cjs');
 const index = require('../../localization/index.cjs');

package/dist/{plugins → packages/better-stack/src/plugins}/blog/client/components/shared/recent-posts-carousel.mjs

@@ -1,7 +1,7 @@
 "use client";
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { usePluginOverrides, useBasePath } from '@btst/stack/context';
-import { Carousel, CarouselContent, CarouselItem, CarouselPrevious, CarouselNext } from '@workspace/ui/components/carousel';
+import { Carousel, CarouselContent, CarouselItem, CarouselPrevious, CarouselNext } from '../../../../../../../ui/src/components/carousel.mjs';
 import { PostCard } from './post-card.mjs';
 import { DefaultLink } from './defaults.mjs';
 import { BLOG_LOCALIZATION } from '../../localization/index.mjs';

package/dist/{plugins → packages/better-stack/src/plugins}/blog/client/components/shared/search-modal.cjs

@@ -7,7 +7,7 @@ const jsxRuntime = require('react/jsx-runtime');
 const lucideReact = require('lucide-react');
 const React = require('react');
 const useDebounce = require('../../hooks/use-debounce.cjs');
-const command = require('@workspace/ui/components/command');
+const command = require('../../../../../../../ui/src/components/command.cjs');
 
 function _interopNamespaceCompat(e) {
 	if (e && typeof e === 'object' && 'default' in e) return e;

package/dist/{plugins → packages/better-stack/src/plugins}/blog/client/components/shared/search-modal.mjs

@@ -3,7 +3,7 @@ import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { SearchIcon } from 'lucide-react';
 import * as React from 'react';
 import { useDebounce } from '../../hooks/use-debounce.mjs';
-import { CommandDialog, CommandInput, CommandList, CommandEmpty } from '@workspace/ui/components/command';
+import { CommandDialog, CommandInput, CommandList, CommandEmpty } from '../../../../../../../ui/src/components/command.mjs';
 
 function SearchModal({
   placeholder = "Type to search...",

package/dist/{plugins → packages/better-stack/src/plugins}/blog/client/components/shared/tags-list.cjs

@@ -4,7 +4,7 @@
 const jsxRuntime = require('react/jsx-runtime');
 const context = require('@btst/stack/context');
 const defaults = require('./defaults.cjs');
-const badge = require('@workspace/ui/components/badge');
+const badge = require('../../../../../../../ui/src/components/badge.cjs');
 const blogHooks = require('../../hooks/blog-hooks.cjs');
 
 function TagsList() {

package/dist/{plugins → packages/better-stack/src/plugins}/blog/client/components/shared/tags-list.mjs

@@ -2,7 +2,7 @@
 import { jsx } from 'react/jsx-runtime';
 import { usePluginOverrides, useBasePath } from '@btst/stack/context';
 import { DefaultLink } from './defaults.mjs';
-import { Badge } from '@workspace/ui/components/badge';
+import { Badge } from '../../../../../../../ui/src/components/badge.mjs';
 import { useSuspenseTags } from '../../hooks/blog-hooks.mjs';
 
 function TagsList() {

package/dist/{plugins → packages/better-stack/src/plugins}/blog/client/hooks/blog-hooks.cjs

@@ -6,7 +6,7 @@ const reactQuery = require('@tanstack/react-query');
 const useDebounce = require('./use-debounce.cjs');
 const React = require('react');
 const reactIntersectionObserver = require('react-intersection-observer');
-const plugins_blog_queryKeys = require('../../query-keys.cjs');
+const plugins_blog_queryKeys = require('../../../../../../../plugins/blog/query-keys.cjs');
 const context = require('@btst/stack/context');
 
 const SHARED_QUERY_CONFIG = {

package/dist/{plugins → packages/better-stack/src/plugins}/blog/client/hooks/blog-hooks.mjs

@@ -4,7 +4,7 @@ import { useInfiniteQuery, useSuspenseInfiniteQuery, useQuery, useSuspenseQuery,
 import { useDebounce } from './use-debounce.mjs';
 import { useRef, useEffect } from 'react';
 import { useInView } from 'react-intersection-observer';
-import { createBlogQueryKeys } from '../../query-keys.mjs';
+import { createBlogQueryKeys } from '../../../../../../../plugins/blog/query-keys.mjs';
 import { usePluginOverrides } from '@btst/stack/context';
 
 const SHARED_QUERY_CONFIG = {

package/dist/{plugins → packages/better-stack/src/plugins}/blog/client/plugin.cjs

@@ -3,7 +3,7 @@
 const jsxRuntime = require('react/jsx-runtime');
 const client = require('@btst/stack/plugins/client');
 const yar = require('@btst/yar');
-const plugins_blog_queryKeys = require('../query-keys.cjs');
+const plugins_blog_queryKeys = require('../../../../../../plugins/blog/query-keys.cjs');
 const homePage = require('./components/pages/home-page.cjs');
 const newPostPage = require('./components/pages/new-post-page.cjs');
 const editPostPage = require('./components/pages/edit-post-page.cjs');

package/dist/{plugins → packages/better-stack/src/plugins}/blog/client/plugin.mjs

@@ -1,7 +1,7 @@
 import { jsx } from 'react/jsx-runtime';
 import { defineClientPlugin, createApiClient } from '@btst/stack/plugins/client';
 import { createRoute } from '@btst/yar';
-import { createBlogQueryKeys } from '../query-keys.mjs';
+import { createBlogQueryKeys } from '../../../../../../plugins/blog/query-keys.mjs';
 import { HomePageComponent } from './components/pages/home-page.mjs';
 import { NewPostPageComponent } from './components/pages/new-post-page.mjs';
 import { EditPostPageComponent } from './components/pages/edit-post-page.mjs';

package/dist/packages/ui/src/components/badge.cjs

@@ -0,0 +1,42 @@
+'use strict';
+
+const jsxRuntime = require('react/jsx-runtime');
+const reactSlot = require('@radix-ui/react-slot');
+const classVarianceAuthority = require('class-variance-authority');
+const utils = require('../lib/utils.cjs');
+
+const badgeVariants = classVarianceAuthority.cva(
+  "inline-flex items-center justify-center rounded-full border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-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 transition-[color,box-shadow] overflow-hidden",
+  {
+    variants: {
+      variant: {
+        default: "border-transparent bg-primary text-primary-foreground [a&]:hover:bg-primary/90",
+        secondary: "border-transparent bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90",
+        destructive: "border-transparent bg-destructive text-white [a&]:hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
+        outline: "text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+function Badge({
+  className,
+  variant,
+  asChild = false,
+  ...props
+}) {
+  const Comp = asChild ? reactSlot.Slot : "span";
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    Comp,
+    {
+      "data-slot": "badge",
+      className: utils.cn(badgeVariants({ variant }), className),
+      ...props
+    }
+  );
+}
+
+exports.Badge = Badge;
+exports.badgeVariants = badgeVariants;

package/dist/packages/ui/src/components/badge.mjs

@@ -0,0 +1,39 @@
+import { jsx } from 'react/jsx-runtime';
+import { Slot } from '@radix-ui/react-slot';
+import { cva } from 'class-variance-authority';
+import { cn } from '../lib/utils.mjs';
+
+const badgeVariants = cva(
+  "inline-flex items-center justify-center rounded-full border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-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 transition-[color,box-shadow] overflow-hidden",
+  {
+    variants: {
+      variant: {
+        default: "border-transparent bg-primary text-primary-foreground [a&]:hover:bg-primary/90",
+        secondary: "border-transparent bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90",
+        destructive: "border-transparent bg-destructive text-white [a&]:hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
+        outline: "text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+function Badge({
+  className,
+  variant,
+  asChild = false,
+  ...props
+}) {
+  const Comp = asChild ? Slot : "span";
+  return /* @__PURE__ */ jsx(
+    Comp,
+    {
+      "data-slot": "badge",
+      className: cn(badgeVariants({ variant }), className),
+      ...props
+    }
+  );
+}
+
+export { Badge, badgeVariants };

package/dist/packages/ui/src/components/button.cjs

@@ -0,0 +1,54 @@
+'use strict';
+
+const jsxRuntime = require('react/jsx-runtime');
+const reactSlot = require('@radix-ui/react-slot');
+const classVarianceAuthority = require('class-variance-authority');
+const utils = require('../lib/utils.cjs');
+
+const buttonVariants = classVarianceAuthority.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 ? reactSlot.Slot : "button";
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    Comp,
+    {
+      "data-slot": "button",
+      className: utils.cn(buttonVariants({ variant, size, className })),
+      ...props
+    }
+  );
+}
+
+exports.Button = Button;
+exports.buttonVariants = buttonVariants;

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

@@ -0,0 +1,51 @@
+import { jsx } from 'react/jsx-runtime';
+import { Slot } from '@radix-ui/react-slot';
+import { cva } from 'class-variance-authority';
+import { cn } from '../lib/utils.mjs';
+
+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 };

package/dist/packages/ui/src/components/card.cjs

@@ -0,0 +1,67 @@
+'use strict';
+
+const jsxRuntime = require('react/jsx-runtime');
+const utils = require('../lib/utils.cjs');
+
+function Card({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      "data-slot": "card",
+      className: utils.cn(
+        "bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-sm",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function CardHeader({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      "data-slot": "card-header",
+      className: utils.cn(
+        "@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-2 px-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function CardTitle({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      "data-slot": "card-title",
+      className: utils.cn("leading-none font-semibold", className),
+      ...props
+    }
+  );
+}
+function CardContent({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      "data-slot": "card-content",
+      className: utils.cn("px-6", className),
+      ...props
+    }
+  );
+}
+function CardFooter({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      "data-slot": "card-footer",
+      className: utils.cn("flex items-center px-6 [.border-t]:pt-6", className),
+      ...props
+    }
+  );
+}
+
+exports.Card = Card;
+exports.CardContent = CardContent;
+exports.CardFooter = CardFooter;
+exports.CardHeader = CardHeader;
+exports.CardTitle = CardTitle;