@egose/shadcn-theme 0.0.62 → 0.1.0

package/components/ui/button-group.mjs

@@ -0,0 +1,93 @@
+"use client";
+import {
+  Separator
+} from "../../chunk-F2QWMBUB.mjs";
+import {
+  cn
+} from "../../chunk-KGUUDFJE.mjs";
+import {
+  __objRest,
+  __spreadValues
+} from "../../chunk-YOSPWY5K.mjs";
+
+// components/ui/button-group.tsx
+import { cva } from "class-variance-authority";
+import { Slot } from "radix-ui";
+var buttonGroupVariants = cva(
+  "has-[>[data-slot=button-group]]:gap-2 has-[select[aria-hidden=true]:last-child]:[&>[data-slot=select-trigger]:last-of-type]:rounded-r-lg flex w-fit items-stretch *:focus-visible:relative *:focus-visible:z-10 [&>[data-slot=select-trigger]:not([class*='w-'])]:w-fit [&>input]:flex-1",
+  {
+    variants: {
+      orientation: {
+        horizontal: "[&>[data-slot]:not(:has(~[data-slot]))]:rounded-r-lg! [&>*:not(:first-child)]:rounded-l-none [&>*:not(:first-child)]:border-l-0 [&>*:not(:last-child)]:rounded-r-none",
+        vertical: "[&>[data-slot]:not(:has(~[data-slot]))]:rounded-b-lg! 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(_a) {
+  var _b = _a, {
+    className,
+    orientation
+  } = _b, props = __objRest(_b, [
+    "className",
+    "orientation"
+  ]);
+  return /* @__PURE__ */ React.createElement(
+    "div",
+    __spreadValues({
+      role: "group",
+      "data-slot": "button-group",
+      "data-orientation": orientation,
+      className: cn(buttonGroupVariants({ orientation }), className)
+    }, props)
+  );
+}
+function ButtonGroupText(_a) {
+  var _b = _a, {
+    className,
+    asChild = false
+  } = _b, props = __objRest(_b, [
+    "className",
+    "asChild"
+  ]);
+  const Comp = asChild ? Slot.Root : "div";
+  return /* @__PURE__ */ React.createElement(
+    Comp,
+    __spreadValues({
+      className: cn(
+        "bg-muted gap-2 rounded-lg border px-2.5 text-sm font-medium [&_svg:not([class*='size-'])]:size-4 flex items-center [&_svg]:pointer-events-none",
+        className
+      )
+    }, props)
+  );
+}
+function ButtonGroupSeparator(_a) {
+  var _b = _a, {
+    className,
+    orientation = "vertical"
+  } = _b, props = __objRest(_b, [
+    "className",
+    "orientation"
+  ]);
+  return /* @__PURE__ */ React.createElement(
+    Separator,
+    __spreadValues({
+      "data-slot": "button-group-separator",
+      orientation,
+      className: cn(
+        "bg-input relative self-stretch data-horizontal:mx-px data-horizontal:w-auto data-vertical:my-px data-vertical:h-auto",
+        className
+      )
+    }, props)
+  );
+}
+export {
+  ButtonGroup,
+  ButtonGroupSeparator,
+  ButtonGroupText,
+  buttonGroupVariants
+};
+//# sourceMappingURL=button-group.mjs.map

package/components/ui/button-group.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../components/ui/button-group.tsx"],"sourcesContent":["\"use client\";\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { Slot } from 'radix-ui';\n\nimport { cn } from '../../utils/ui';\nimport { Separator } from './separator';\n\nconst buttonGroupVariants = cva(\n  \"has-[>[data-slot=button-group]]:gap-2 has-[select[aria-hidden=true]:last-child]:[&>[data-slot=select-trigger]:last-of-type]:rounded-r-lg flex w-fit items-stretch *:focus-visible:relative *:focus-visible:z-10 [&>[data-slot=select-trigger]:not([class*='w-'])]:w-fit [&>input]:flex-1\",\n  {\n    variants: {\n      orientation: {\n        horizontal:\n          '[&>[data-slot]:not(:has(~[data-slot]))]:rounded-r-lg! [&>*:not(:first-child)]:rounded-l-none [&>*:not(:first-child)]:border-l-0 [&>*:not(:last-child)]:rounded-r-none',\n        vertical:\n          '[&>[data-slot]:not(:has(~[data-slot]))]:rounded-b-lg! 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.Root : 'div';\n\n  return (\n    <Comp\n      className={cn(\n        \"bg-muted gap-2 rounded-lg border px-2.5 text-sm font-medium [&_svg:not([class*='size-'])]:size-4 flex items-center [&_svg]:pointer-events-none\",\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 self-stretch data-horizontal:mx-px data-horizontal:w-auto data-vertical:my-px data-vertical:h-auto',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport { ButtonGroup, ButtonGroupSeparator, ButtonGroupText, buttonGroupVariants };\n"],"mappings":";;;;;;;;;;;;;AACA,SAAS,WAA8B;AACvC,SAAS,YAAY;AAKrB,IAAM,sBAAsB;AAAA,EAC1B;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,aAAa;AAAA,QACX,YACE;AAAA,QACF,UACE;AAAA,MACJ;AAAA,IACF;AAAA,IACA,iBAAiB;AAAA,MACf,aAAa;AAAA,IACf;AAAA,EACF;AACF;AAEA,SAAS,YAAY,IAIsD;AAJtD,eACnB;AAAA;AAAA,IACA;AAAA,EA1BF,IAwBqB,IAGhB,kBAHgB,IAGhB;AAAA,IAFH;AAAA,IACA;AAAA;AAGA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,aAAU;AAAA,MACV,oBAAkB;AAAA,MAClB,WAAW,GAAG,oBAAoB,EAAE,YAAY,CAAC,GAAG,SAAS;AAAA,OACzD;AAAA,EACN;AAEJ;AAEA,SAAS,gBAAgB,IAMtB;AANsB,eACvB;AAAA;AAAA,IACA,UAAU;AAAA,EA1CZ,IAwCyB,IAGpB,kBAHoB,IAGpB;AAAA,IAFH;AAAA,IACA;AAAA;AAKA,QAAM,OAAO,UAAU,KAAK,OAAO;AAEnC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,OACI;AAAA,EACN;AAEJ;AAEA,SAAS,qBAAqB,IAIa;AAJb,eAC5B;AAAA;AAAA,IACA,cAAc;AAAA,EA9DhB,IA4D8B,IAGzB,kBAHyB,IAGzB;AAAA,IAFH;AAAA,IACA;AAAA;AAGA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV;AAAA,MACA,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,OACI;AAAA,EACN;AAEJ;","names":[]}

package/components/ui/button.d.mts

@@ -1,7 +1,13 @@
+import * as class_variance_authority_types from 'class-variance-authority/types';
 import * as React from 'react';
 import { VariantProps } from 'class-variance-authority';
 
-declare const buttonVariants: (props?: any) => string;
+declare const buttonVariants: (props?: ({
+    variant?: "link" | "primary" | "secondary" | "action" | "success" | "warning" | "danger" | "info" | "light" | "dark" | "accent" | "destructive" | "muted" | "ghost" | null | undefined;
+    size?: "xs" | "sm" | "default" | "lg" | "icon" | "icon-xs" | "icon-sm" | "icon-lg" | "compact-xs" | "compact-sm" | "compact-default" | "compact-lg" | "compact-icon" | null | undefined;
+    appearance?: "solid" | "outline" | "outline-filled" | null | undefined;
+    loading?: boolean | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
 type VariantType = NonNullable<VariantProps<typeof buttonVariants>['variant']>;
 type SizeType = NonNullable<VariantProps<typeof buttonVariants>['size']>;
 type VariantStyleType = NonNullable<VariantProps<typeof buttonVariants>['appearance']>;
@@ -10,6 +16,6 @@ interface ButtonProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>
     icon?: React.ReactNode;
     iconPosition?: 'left' | 'right';
 }
-declare const Button: React.ForwardRefExoticComponent<Omit<ButtonProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
 
 export { Button, type ButtonProps, type SizeType, type VariantStyleType, type VariantType, buttonVariants };

package/components/ui/button.d.ts

@@ -1,7 +1,13 @@
+import * as class_variance_authority_types from 'class-variance-authority/types';
 import * as React from 'react';
 import { VariantProps } from 'class-variance-authority';
 
-declare const buttonVariants: (props?: any) => string;
+declare const buttonVariants: (props?: ({
+    variant?: "link" | "primary" | "secondary" | "action" | "success" | "warning" | "danger" | "info" | "light" | "dark" | "accent" | "destructive" | "muted" | "ghost" | null | undefined;
+    size?: "xs" | "sm" | "default" | "lg" | "icon" | "icon-xs" | "icon-sm" | "icon-lg" | "compact-xs" | "compact-sm" | "compact-default" | "compact-lg" | "compact-icon" | null | undefined;
+    appearance?: "solid" | "outline" | "outline-filled" | null | undefined;
+    loading?: boolean | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
 type VariantType = NonNullable<VariantProps<typeof buttonVariants>['variant']>;
 type SizeType = NonNullable<VariantProps<typeof buttonVariants>['size']>;
 type VariantStyleType = NonNullable<VariantProps<typeof buttonVariants>['appearance']>;
@@ -10,6 +16,6 @@ interface ButtonProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>
     icon?: React.ReactNode;
     iconPosition?: 'left' | 'right';
 }
-declare const Button: React.ForwardRefExoticComponent<Omit<ButtonProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
 
 export { Button, type ButtonProps, type SizeType, type VariantStyleType, type VariantType, buttonVariants };

package/components/ui/button.js

@@ -3,12 +3,12 @@
 
 
 
-var _chunkOFRRRK4Njs = require('../../chunk-OFRRRK4N.js');
-require('../../chunk-AREM2MQQ.js');
+var _chunkKB6BX6LAjs = require('../../chunk-KB6BX6LA.js');
+require('../../chunk-GV62APQ6.js');
 require('../../chunk-PSPAJNNB.js');
 require('../../chunk-2NMEKWO5.js');
 
 
 
-exports.Button = _chunkOFRRRK4Njs.Button; exports.buttonVariants = _chunkOFRRRK4Njs.buttonVariants;
+exports.Button = _chunkKB6BX6LAjs.Button; exports.buttonVariants = _chunkKB6BX6LAjs.buttonVariants;
 //# sourceMappingURL=button.js.map

package/components/ui/button.mjs

@@ -2,8 +2,8 @@
 import {
   Button,
   buttonVariants
-} from "../../chunk-SQK67X4D.mjs";
-import "../../chunk-FJGZ3SDA.mjs";
+} from "../../chunk-7BYWDRRI.mjs";
+import "../../chunk-3GHC4JQU.mjs";
 import "../../chunk-KGUUDFJE.mjs";
 import "../../chunk-YOSPWY5K.mjs";
 export {

package/components/ui/calendar.d.mts

@@ -1,11 +1,14 @@
 import * as React from 'react';
-import { ComponentProps } from 'react';
-import { DayPicker } from 'react-day-picker';
+import { DayPicker, DayButton, Locale } from 'react-day-picker';
+import { Button } from './button.mjs';
+import 'class-variance-authority/types';
+import 'class-variance-authority';
 
-type CalendarProps = ComponentProps<typeof DayPicker>;
-declare function Calendar({ className, classNames, showOutsideDays, ...props }: CalendarProps): React.JSX.Element;
-declare namespace Calendar {
-    var displayName: string;
-}
+declare function Calendar({ className, classNames, showOutsideDays, captionLayout, buttonVariant, locale, formatters, components, ...props }: React.ComponentProps<typeof DayPicker> & {
+    buttonVariant?: React.ComponentProps<typeof Button>['variant'];
+}): React.JSX.Element;
+declare function CalendarDayButton({ className, day, modifiers, locale, ...props }: React.ComponentProps<typeof DayButton> & {
+    locale?: Partial<Locale>;
+}): React.JSX.Element;
 
-export { Calendar, type CalendarProps };
+export { Calendar, CalendarDayButton };

package/components/ui/calendar.d.ts

@@ -1,11 +1,14 @@
 import * as React from 'react';
-import { ComponentProps } from 'react';
-import { DayPicker } from 'react-day-picker';
+import { DayPicker, DayButton, Locale } from 'react-day-picker';
+import { Button } from './button.js';
+import 'class-variance-authority/types';
+import 'class-variance-authority';
 
-type CalendarProps = ComponentProps<typeof DayPicker>;
-declare function Calendar({ className, classNames, showOutsideDays, ...props }: CalendarProps): React.JSX.Element;
-declare namespace Calendar {
-    var displayName: string;
-}
+declare function Calendar({ className, classNames, showOutsideDays, captionLayout, buttonVariant, locale, formatters, components, ...props }: React.ComponentProps<typeof DayPicker> & {
+    buttonVariant?: React.ComponentProps<typeof Button>['variant'];
+}): React.JSX.Element;
+declare function CalendarDayButton({ className, day, modifiers, locale, ...props }: React.ComponentProps<typeof DayButton> & {
+    locale?: Partial<Locale>;
+}): React.JSX.Element;
 
-export { Calendar, type CalendarProps };
+export { Calendar, CalendarDayButton };

package/components/ui/calendar.js

@@ -2,12 +2,14 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _chunkXDCB6C5Sjs = require('../../chunk-XDCB6C5S.js');
-require('../../chunk-OFRRRK4N.js');
-require('../../chunk-AREM2MQQ.js');
+
+var _chunkQMLV5G5Zjs = require('../../chunk-QMLV5G5Z.js');
+require('../../chunk-KB6BX6LA.js');
+require('../../chunk-GV62APQ6.js');
 require('../../chunk-PSPAJNNB.js');
 require('../../chunk-2NMEKWO5.js');
 
 
-exports.Calendar = _chunkXDCB6C5Sjs.Calendar;
+
+exports.Calendar = _chunkQMLV5G5Zjs.Calendar; exports.CalendarDayButton = _chunkQMLV5G5Zjs.CalendarDayButton;
 //# sourceMappingURL=calendar.js.map

package/components/ui/calendar.js.map

@@ -1 +1 @@
-{"version":3,"sources":["/home/jahn/projects/shadcn-theme/packages/react/dist/components/ui/calendar.js"],"names":[],"mappings":"AAAA,qFAAY;AACZ;AACE;AACF,0DAAgC;AAChC,mCAAgC;AAChC,mCAAgC;AAChC,mCAAgC;AAChC,mCAAgC;AAChC;AACE;AACF,6CAAC","file":"/home/jahn/projects/shadcn-theme/packages/react/dist/components/ui/calendar.js"}
+{"version":3,"sources":["/home/jahn/projects/shadcn-theme/packages/react/dist/components/ui/calendar.js"],"names":[],"mappings":"AAAA,qFAAY;AACZ;AACE;AACA;AACF,0DAAgC;AAChC,mCAAgC;AAChC,mCAAgC;AAChC,mCAAgC;AAChC,mCAAgC;AAChC;AACE;AACA;AACF,6GAAC","file":"/home/jahn/projects/shadcn-theme/packages/react/dist/components/ui/calendar.js"}

package/components/ui/calendar.mjs

@@ -1,12 +1,14 @@
 "use client";
 import {
-  Calendar
-} from "../../chunk-MKOOSP3M.mjs";
-import "../../chunk-SQK67X4D.mjs";
-import "../../chunk-FJGZ3SDA.mjs";
+  Calendar,
+  CalendarDayButton
+} from "../../chunk-US2CUADK.mjs";
+import "../../chunk-7BYWDRRI.mjs";
+import "../../chunk-3GHC4JQU.mjs";
 import "../../chunk-KGUUDFJE.mjs";
 import "../../chunk-YOSPWY5K.mjs";
 export {
-  Calendar
+  Calendar,
+  CalendarDayButton
 };
 //# sourceMappingURL=calendar.mjs.map

package/components/ui/card.d.mts

@@ -1,10 +1,13 @@
 import * as React from 'react';
 
-declare const Card: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
-declare const CardHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
-declare const CardTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
-declare const CardDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
-declare const CardContent: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
-declare const CardFooter: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare function Card({ className, size, ...props }: React.ComponentProps<'div'> & {
+    size?: 'default' | 'sm';
+}): React.JSX.Element;
+declare function CardHeader({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
+declare function CardTitle({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
+declare function CardDescription({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
+declare function CardAction({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
+declare function CardContent({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
+declare function CardFooter({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
 
-export { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle };
+export { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle };

package/components/ui/card.d.ts

@@ -1,10 +1,13 @@
 import * as React from 'react';
 
-declare const Card: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
-declare const CardHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
-declare const CardTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
-declare const CardDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
-declare const CardContent: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
-declare const CardFooter: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare function Card({ className, size, ...props }: React.ComponentProps<'div'> & {
+    size?: 'default' | 'sm';
+}): React.JSX.Element;
+declare function CardHeader({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
+declare function CardTitle({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
+declare function CardDescription({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
+declare function CardAction({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
+declare function CardContent({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
+declare function CardFooter({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
 
-export { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle };
+export { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle };

package/components/ui/card.js

@@ -10,52 +10,78 @@ var _chunk2NMEKWO5js = require('../../chunk-2NMEKWO5.js');
 
 // components/ui/card.tsx
 var _react = require('react'); var React = _interopRequireWildcard(_react);
-var Card = React.forwardRef((_a, ref) => {
+function Card(_a) {
+  var _b = _a, { className, size = "default" } = _b, props = _chunk2NMEKWO5js.__objRest.call(void 0, _b, ["className", "size"]);
+  return /* @__PURE__ */ React.createElement(
+    "div",
+    _chunk2NMEKWO5js.__spreadValues.call(void 0, {
+      "data-slot": "card",
+      "data-size": size,
+      className: _chunkPSPAJNNBjs.cn.call(void 0, 
+        "ring-foreground/10 bg-card text-card-foreground gap-4 overflow-hidden rounded-xl py-4 text-sm ring-1 has-data-[slot=card-footer]:pb-0 has-[>img:first-child]:pt-0 data-[size=sm]:gap-3 data-[size=sm]:py-3 data-[size=sm]:has-data-[slot=card-footer]:pb-0 *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl group/card flex flex-col",
+        className
+      )
+    }, props)
+  );
+}
+function CardHeader(_a) {
   var _b = _a, { className } = _b, props = _chunk2NMEKWO5js.__objRest.call(void 0, _b, ["className"]);
-  return /* @__PURE__ */ React.createElement("div", _chunk2NMEKWO5js.__spreadValues.call(void 0, { ref, className: _chunkPSPAJNNBjs.cn.call(void 0, "rounded-xl border bg-card text-card-foreground shadow", className) }, props));
-});
-Card.displayName = "Card";
-var CardHeader = React.forwardRef(
-  (_a, ref) => {
-    var _b = _a, { className } = _b, props = _chunk2NMEKWO5js.__objRest.call(void 0, _b, ["className"]);
-    return /* @__PURE__ */ React.createElement("div", _chunk2NMEKWO5js.__spreadValues.call(void 0, { ref, className: _chunkPSPAJNNBjs.cn.call(void 0, "flex flex-col space-y-1.5 p-6", className) }, props));
-  }
-);
-CardHeader.displayName = "CardHeader";
-var CardTitle = React.forwardRef(
-  (_a, ref) => {
-    var _b = _a, { className } = _b, props = _chunk2NMEKWO5js.__objRest.call(void 0, _b, ["className"]);
-    return /* @__PURE__ */ React.createElement("div", _chunk2NMEKWO5js.__spreadValues.call(void 0, { ref, className: _chunkPSPAJNNBjs.cn.call(void 0, "font-semibold leading-none tracking-tight", className) }, props));
-  }
-);
-CardTitle.displayName = "CardTitle";
-var CardDescription = React.forwardRef(
-  (_a, ref) => {
-    var _b = _a, { className } = _b, props = _chunk2NMEKWO5js.__objRest.call(void 0, _b, ["className"]);
-    return /* @__PURE__ */ React.createElement("div", _chunk2NMEKWO5js.__spreadValues.call(void 0, { ref, className: _chunkPSPAJNNBjs.cn.call(void 0, "text-sm text-muted-foreground", className) }, props));
-  }
-);
-CardDescription.displayName = "CardDescription";
-var CardContent = React.forwardRef(
-  (_a, ref) => {
-    var _b = _a, { className } = _b, props = _chunk2NMEKWO5js.__objRest.call(void 0, _b, ["className"]);
-    return /* @__PURE__ */ React.createElement("div", _chunk2NMEKWO5js.__spreadValues.call(void 0, { ref, className: _chunkPSPAJNNBjs.cn.call(void 0, "p-6 pt-0", className) }, props));
-  }
-);
-CardContent.displayName = "CardContent";
-var CardFooter = React.forwardRef(
-  (_a, ref) => {
-    var _b = _a, { className } = _b, props = _chunk2NMEKWO5js.__objRest.call(void 0, _b, ["className"]);
-    return /* @__PURE__ */ React.createElement("div", _chunk2NMEKWO5js.__spreadValues.call(void 0, { ref, className: _chunkPSPAJNNBjs.cn.call(void 0, "flex items-center p-6 pt-0", className) }, props));
-  }
-);
-CardFooter.displayName = "CardFooter";
-
-
-
-
-
-
-
-exports.Card = Card; exports.CardContent = CardContent; exports.CardDescription = CardDescription; exports.CardFooter = CardFooter; exports.CardHeader = CardHeader; exports.CardTitle = CardTitle;
+  return /* @__PURE__ */ React.createElement(
+    "div",
+    _chunk2NMEKWO5js.__spreadValues.call(void 0, {
+      "data-slot": "card-header",
+      className: _chunkPSPAJNNBjs.cn.call(void 0, 
+        "gap-1 rounded-t-xl px-4 group-data-[size=sm]/card:px-3 [.border-b]:pb-4 group-data-[size=sm]/card:[.border-b]:pb-3 group/card-header @container/card-header grid auto-rows-min items-start has-data-[slot=card-action]:grid-cols-[1fr_auto] has-data-[slot=card-description]:grid-rows-[auto_auto]",
+        className
+      )
+    }, props)
+  );
+}
+function CardTitle(_a) {
+  var _b = _a, { className } = _b, props = _chunk2NMEKWO5js.__objRest.call(void 0, _b, ["className"]);
+  return /* @__PURE__ */ React.createElement(
+    "div",
+    _chunk2NMEKWO5js.__spreadValues.call(void 0, {
+      "data-slot": "card-title",
+      className: _chunkPSPAJNNBjs.cn.call(void 0, "text-base leading-snug font-medium group-data-[size=sm]/card:text-sm cn-font-heading", className)
+    }, props)
+  );
+}
+function CardDescription(_a) {
+  var _b = _a, { className } = _b, props = _chunk2NMEKWO5js.__objRest.call(void 0, _b, ["className"]);
+  return /* @__PURE__ */ React.createElement("div", _chunk2NMEKWO5js.__spreadValues.call(void 0, { "data-slot": "card-description", className: _chunkPSPAJNNBjs.cn.call(void 0, "text-muted-foreground text-sm", className) }, props));
+}
+function CardAction(_a) {
+  var _b = _a, { className } = _b, props = _chunk2NMEKWO5js.__objRest.call(void 0, _b, ["className"]);
+  return /* @__PURE__ */ React.createElement(
+    "div",
+    _chunk2NMEKWO5js.__spreadValues.call(void 0, {
+      "data-slot": "card-action",
+      className: _chunkPSPAJNNBjs.cn.call(void 0, "col-start-2 row-span-2 row-start-1 self-start justify-self-end", className)
+    }, props)
+  );
+}
+function CardContent(_a) {
+  var _b = _a, { className } = _b, props = _chunk2NMEKWO5js.__objRest.call(void 0, _b, ["className"]);
+  return /* @__PURE__ */ React.createElement("div", _chunk2NMEKWO5js.__spreadValues.call(void 0, { "data-slot": "card-content", className: _chunkPSPAJNNBjs.cn.call(void 0, "px-4 group-data-[size=sm]/card:px-3", className) }, props));
+}
+function CardFooter(_a) {
+  var _b = _a, { className } = _b, props = _chunk2NMEKWO5js.__objRest.call(void 0, _b, ["className"]);
+  return /* @__PURE__ */ React.createElement(
+    "div",
+    _chunk2NMEKWO5js.__spreadValues.call(void 0, {
+      "data-slot": "card-footer",
+      className: _chunkPSPAJNNBjs.cn.call(void 0, "bg-muted/50 rounded-b-xl border-t p-4 group-data-[size=sm]/card:p-3 flex items-center", className)
+    }, props)
+  );
+}
+
+
+
+
+
+
+
+
+exports.Card = Card; exports.CardAction = CardAction; exports.CardContent = CardContent; exports.CardDescription = CardDescription; exports.CardFooter = CardFooter; exports.CardHeader = CardHeader; exports.CardTitle = CardTitle;
 //# sourceMappingURL=card.js.map

package/components/ui/card.js.map

@@ -1 +1 @@
-{"version":3,"sources":["/home/jahn/projects/shadcn-theme/packages/react/dist/components/ui/card.js","../../../components/ui/card.tsx"],"names":[],"mappings":"AAAA,uWAAY;AACZ;AACE;AACF,0DAAgC;AAChC;AACE;AACA;AACF,0DAAgC;AAChC;AACA;ACRA,2EAAuB;AAIvB,IAAM,KAAA,EAAa,KAAA,CAAA,UAAA,CAAiE,CAAC,EAAA,EAAyB,GAAA,EAAA,GAAK;AAA9B,EAAA,IAAA,GAAA,EAAA,EAAA,EAAE,EAAA,UALvF,EAAA,EAKqF,EAAA,EAAgB,MAAA,EAAA,wCAAA,EAAhB,EAAgB,CAAd,WAAA,CAAA,CAAA;AACrF,EAAA,uBAAA,KAAA,CAAA,aAAA,CAAC,KAAA,EAAA,6CAAA,EAAI,GAAA,EAAU,SAAA,EAAW,iCAAA,uDAAG,EAAyD,SAAS,EAAA,CAAA,EAAO,KAAA,CAAO,CAAA;AAAA,CAC9G,CAAA;AACD,IAAA,CAAK,YAAA,EAAc,MAAA;AAEnB,IAAM,WAAA,EAAmB,KAAA,CAAA,UAAA;AAAA,EACvB,CAAC,EAAA,EAAyB,GAAA,EAAA,GAAK;AAA9B,IAAA,IAAA,GAAA,EAAA,EAAA,EAAE,EAAA,UAXL,EAAA,EAWG,EAAA,EAAgB,MAAA,EAAA,wCAAA,EAAhB,EAAgB,CAAd,WAAA,CAAA,CAAA;AACD,IAAA,uBAAA,KAAA,CAAA,aAAA,CAAC,KAAA,EAAA,6CAAA,EAAI,GAAA,EAAU,SAAA,EAAW,iCAAA,+BAAG,EAAiC,SAAS,EAAA,CAAA,EAAO,KAAA,CAAO,CAAA;AAAA,EAAA;AAEzF,CAAA;AACA,UAAA,CAAW,YAAA,EAAc,YAAA;AAEzB,IAAM,UAAA,EAAkB,KAAA,CAAA,UAAA;AAAA,EACtB,CAAC,EAAA,EAAyB,GAAA,EAAA,GAAK;AAA9B,IAAA,IAAA,GAAA,EAAA,EAAA,EAAE,EAAA,UAlBL,EAAA,EAkBG,EAAA,EAAgB,MAAA,EAAA,wCAAA,EAAhB,EAAgB,CAAd,WAAA,CAAA,CAAA;AACD,IAAA,uBAAA,KAAA,CAAA,aAAA,CAAC,KAAA,EAAA,6CAAA,EAAI,GAAA,EAAU,SAAA,EAAW,iCAAA,2CAAG,EAA6C,SAAS,EAAA,CAAA,EAAO,KAAA,CAAO,CAAA;AAAA,EAAA;AAErG,CAAA;AACA,SAAA,CAAU,YAAA,EAAc,WAAA;AAExB,IAAM,gBAAA,EAAwB,KAAA,CAAA,UAAA;AAAA,EAC5B,CAAC,EAAA,EAAyB,GAAA,EAAA,GAAK;AAA9B,IAAA,IAAA,GAAA,EAAA,EAAA,EAAE,EAAA,UAzBL,EAAA,EAyBG,EAAA,EAAgB,MAAA,EAAA,wCAAA,EAAhB,EAAgB,CAAd,WAAA,CAAA,CAAA;AACD,IAAA,uBAAA,KAAA,CAAA,aAAA,CAAC,KAAA,EAAA,6CAAA,EAAI,GAAA,EAAU,SAAA,EAAW,iCAAA,+BAAG,EAAiC,SAAS,EAAA,CAAA,EAAO,KAAA,CAAO,CAAA;AAAA,EAAA;AAEzF,CAAA;AACA,eAAA,CAAgB,YAAA,EAAc,iBAAA;AAE9B,IAAM,YAAA,EAAoB,KAAA,CAAA,UAAA;AAAA,EACxB,CAAC,EAAA,EAAyB,GAAA,EAAA,GAAK;AAA9B,IAAA,IAAA,GAAA,EAAA,EAAA,EAAE,EAAA,UAhCL,EAAA,EAgCG,EAAA,EAAgB,MAAA,EAAA,wCAAA,EAAhB,EAAgB,CAAd,WAAA,CAAA,CAAA;AAA+B,IAAA,uBAAA,KAAA,CAAA,aAAA,CAAC,KAAA,EAAA,6CAAA,EAAI,GAAA,EAAU,SAAA,EAAW,iCAAA,UAAG,EAAY,SAAS,EAAA,CAAA,EAAO,KAAA,CAAO,CAAA;AAAA,EAAA;AACpG,CAAA;AACA,WAAA,CAAY,YAAA,EAAc,aAAA;AAE1B,IAAM,WAAA,EAAmB,KAAA,CAAA,UAAA;AAAA,EACvB,CAAC,EAAA,EAAyB,GAAA,EAAA,GAAK;AAA9B,IAAA,IAAA,GAAA,EAAA,EAAA,EAAE,EAAA,UArCL,EAAA,EAqCG,EAAA,EAAgB,MAAA,EAAA,wCAAA,EAAhB,EAAgB,CAAd,WAAA,CAAA,CAAA;AACD,IAAA,uBAAA,KAAA,CAAA,aAAA,CAAC,KAAA,EAAA,6CAAA,EAAI,GAAA,EAAU,SAAA,EAAW,iCAAA,4BAAG,EAA8B,SAAS,EAAA,CAAA,EAAO,KAAA,CAAO,CAAA;AAAA,EAAA;AAEtF,CAAA;AACA,UAAA,CAAW,YAAA,EAAc,YAAA;ADUzB;AACE;AACA;AACA;AACA;AACA;AACA;AACF,mMAAC","file":"/home/jahn/projects/shadcn-theme/packages/react/dist/components/ui/card.js","sourcesContent":[null,"\"use client\";\nimport * as React from 'react';\n\nimport { cn } from '../../utils/ui';\n\nconst Card = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(({ className, ...props }, ref) => (\n  <div ref={ref} className={cn('rounded-xl border bg-card text-card-foreground shadow', className)} {...props} />\n));\nCard.displayName = 'Card';\n\nconst CardHeader = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n  ({ className, ...props }, ref) => (\n    <div ref={ref} className={cn('flex flex-col space-y-1.5 p-6', className)} {...props} />\n  ),\n);\nCardHeader.displayName = 'CardHeader';\n\nconst CardTitle = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n  ({ className, ...props }, ref) => (\n    <div ref={ref} className={cn('font-semibold leading-none tracking-tight', className)} {...props} />\n  ),\n);\nCardTitle.displayName = 'CardTitle';\n\nconst CardDescription = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n  ({ className, ...props }, ref) => (\n    <div ref={ref} className={cn('text-sm text-muted-foreground', className)} {...props} />\n  ),\n);\nCardDescription.displayName = 'CardDescription';\n\nconst CardContent = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n  ({ className, ...props }, ref) => <div ref={ref} className={cn('p-6 pt-0', className)} {...props} />,\n);\nCardContent.displayName = 'CardContent';\n\nconst CardFooter = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n  ({ className, ...props }, ref) => (\n    <div ref={ref} className={cn('flex items-center p-6 pt-0', className)} {...props} />\n  ),\n);\nCardFooter.displayName = 'CardFooter';\n\nexport { Card, CardHeader, CardFooter, CardTitle, CardDescription, CardContent };\n"]}
+{"version":3,"sources":["/home/jahn/projects/shadcn-theme/packages/react/dist/components/ui/card.js","../../../components/ui/card.tsx"],"names":[],"mappings":"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","file":"/home/jahn/projects/shadcn-theme/packages/react/dist/components/ui/card.js","sourcesContent":[null,"\"use client\";\nimport * as React from 'react';\nimport { cn } from '../../utils/ui';\n\nfunction Card({ className, size = 'default', ...props }: React.ComponentProps<'div'> & { size?: 'default' | 'sm' }) {\n  return (\n    <div\n      data-slot=\"card\"\n      data-size={size}\n      className={cn(\n        'ring-foreground/10 bg-card text-card-foreground gap-4 overflow-hidden rounded-xl py-4 text-sm ring-1 has-data-[slot=card-footer]:pb-0 has-[>img:first-child]:pt-0 data-[size=sm]:gap-3 data-[size=sm]:py-3 data-[size=sm]:has-data-[slot=card-footer]:pb-0 *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl group/card flex flex-col',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction CardHeader({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"card-header\"\n      className={cn(\n        'gap-1 rounded-t-xl px-4 group-data-[size=sm]/card:px-3 [.border-b]:pb-4 group-data-[size=sm]/card:[.border-b]:pb-3 group/card-header @container/card-header grid auto-rows-min items-start has-data-[slot=card-action]:grid-cols-[1fr_auto] has-data-[slot=card-description]:grid-rows-[auto_auto]',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction CardTitle({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"card-title\"\n      className={cn('text-base leading-snug font-medium group-data-[size=sm]/card:text-sm cn-font-heading', className)}\n      {...props}\n    />\n  );\n}\n\nfunction CardDescription({ className, ...props }: React.ComponentProps<'div'>) {\n  return <div data-slot=\"card-description\" className={cn('text-muted-foreground text-sm', className)} {...props} />;\n}\n\nfunction CardAction({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"card-action\"\n      className={cn('col-start-2 row-span-2 row-start-1 self-start justify-self-end', className)}\n      {...props}\n    />\n  );\n}\n\nfunction CardContent({ className, ...props }: React.ComponentProps<'div'>) {\n  return <div data-slot=\"card-content\" className={cn('px-4 group-data-[size=sm]/card:px-3', className)} {...props} />;\n}\n\nfunction CardFooter({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"card-footer\"\n      className={cn('bg-muted/50 rounded-b-xl border-t p-4 group-data-[size=sm]/card:p-3 flex items-center', className)}\n      {...props}\n    />\n  );\n}\n\nexport { Card, CardHeader, CardFooter, CardTitle, CardAction, CardDescription, CardContent };\n"]}

package/components/ui/card.mjs

@@ -9,48 +9,74 @@ import {
 
 // components/ui/card.tsx
 import * as React from "react";
-var Card = React.forwardRef((_a, ref) => {
+function Card(_a) {
+  var _b = _a, { className, size = "default" } = _b, props = __objRest(_b, ["className", "size"]);
+  return /* @__PURE__ */ React.createElement(
+    "div",
+    __spreadValues({
+      "data-slot": "card",
+      "data-size": size,
+      className: cn(
+        "ring-foreground/10 bg-card text-card-foreground gap-4 overflow-hidden rounded-xl py-4 text-sm ring-1 has-data-[slot=card-footer]:pb-0 has-[>img:first-child]:pt-0 data-[size=sm]:gap-3 data-[size=sm]:py-3 data-[size=sm]:has-data-[slot=card-footer]:pb-0 *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl group/card flex flex-col",
+        className
+      )
+    }, props)
+  );
+}
+function CardHeader(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ React.createElement("div", __spreadValues({ ref, className: cn("rounded-xl border bg-card text-card-foreground shadow", className) }, props));
-});
-Card.displayName = "Card";
-var CardHeader = React.forwardRef(
-  (_a, ref) => {
-    var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-    return /* @__PURE__ */ React.createElement("div", __spreadValues({ ref, className: cn("flex flex-col space-y-1.5 p-6", className) }, props));
-  }
-);
-CardHeader.displayName = "CardHeader";
-var CardTitle = React.forwardRef(
-  (_a, ref) => {
-    var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-    return /* @__PURE__ */ React.createElement("div", __spreadValues({ ref, className: cn("font-semibold leading-none tracking-tight", className) }, props));
-  }
-);
-CardTitle.displayName = "CardTitle";
-var CardDescription = React.forwardRef(
-  (_a, ref) => {
-    var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-    return /* @__PURE__ */ React.createElement("div", __spreadValues({ ref, className: cn("text-sm text-muted-foreground", className) }, props));
-  }
-);
-CardDescription.displayName = "CardDescription";
-var CardContent = React.forwardRef(
-  (_a, ref) => {
-    var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-    return /* @__PURE__ */ React.createElement("div", __spreadValues({ ref, className: cn("p-6 pt-0", className) }, props));
-  }
-);
-CardContent.displayName = "CardContent";
-var CardFooter = React.forwardRef(
-  (_a, ref) => {
-    var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-    return /* @__PURE__ */ React.createElement("div", __spreadValues({ ref, className: cn("flex items-center p-6 pt-0", className) }, props));
-  }
-);
-CardFooter.displayName = "CardFooter";
+  return /* @__PURE__ */ React.createElement(
+    "div",
+    __spreadValues({
+      "data-slot": "card-header",
+      className: cn(
+        "gap-1 rounded-t-xl px-4 group-data-[size=sm]/card:px-3 [.border-b]:pb-4 group-data-[size=sm]/card:[.border-b]:pb-3 group/card-header @container/card-header grid auto-rows-min items-start has-data-[slot=card-action]:grid-cols-[1fr_auto] has-data-[slot=card-description]:grid-rows-[auto_auto]",
+        className
+      )
+    }, props)
+  );
+}
+function CardTitle(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ React.createElement(
+    "div",
+    __spreadValues({
+      "data-slot": "card-title",
+      className: cn("text-base leading-snug font-medium group-data-[size=sm]/card:text-sm cn-font-heading", className)
+    }, props)
+  );
+}
+function CardDescription(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ React.createElement("div", __spreadValues({ "data-slot": "card-description", className: cn("text-muted-foreground text-sm", className) }, props));
+}
+function CardAction(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ React.createElement(
+    "div",
+    __spreadValues({
+      "data-slot": "card-action",
+      className: cn("col-start-2 row-span-2 row-start-1 self-start justify-self-end", className)
+    }, props)
+  );
+}
+function CardContent(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ React.createElement("div", __spreadValues({ "data-slot": "card-content", className: cn("px-4 group-data-[size=sm]/card:px-3", className) }, props));
+}
+function CardFooter(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ React.createElement(
+    "div",
+    __spreadValues({
+      "data-slot": "card-footer",
+      className: cn("bg-muted/50 rounded-b-xl border-t p-4 group-data-[size=sm]/card:p-3 flex items-center", className)
+    }, props)
+  );
+}
 export {
   Card,
+  CardAction,
   CardContent,
   CardDescription,
   CardFooter,