@aaas-pro/library 0.0.0-stage → 0.1.0

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

@@ -0,0 +1,76 @@
+import { jsx } from "react/jsx-runtime";
+import { cva } from "../../lib/variants.js";
+import { cn } from "../../lib/utils.js";
+import { Separator } from "./separator.js";
+import { Slot } from "../../primitives/core.js";
+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
+    }
+  );
+}
+function ButtonGroupText({
+  className,
+  asChild = false,
+  ...props
+}) {
+  const Comp = asChild ? Slot : "div";
+  return /* @__PURE__ */ jsx(
+    Comp,
+    {
+      className: cn(
+        "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",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function ButtonGroupSeparator({
+  className,
+  orientation = "vertical",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    Separator,
+    {
+      "data-slot": "button-group-separator",
+      orientation,
+      className: cn(
+        "bg-input relative !m-0 self-stretch data-[orientation=vertical]:h-auto",
+        className
+      ),
+      ...props
+    }
+  );
+}
+export {
+  ButtonGroup,
+  ButtonGroupSeparator,
+  ButtonGroupText,
+  buttonGroupVariants
+};

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

@@ -0,0 +1,20 @@
+import * as React from 'react';
+import { type VariantProps } from '../../lib/variants';
+import { type PermissionProps } from '../permission-context';
+export type ButtonColor = 'default' | 'primary' | 'success' | 'warning' | 'danger';
+export type ButtonProps = Omit<React.ComponentProps<'button'>, 'color'> & VariantProps<typeof buttonVariants> & PermissionProps & {
+    asChild?: boolean;
+    /** 不传时：destructive 使用 danger，其余使用 primary。 */
+    color?: ButtonColor;
+    /** 加载时显示指示图标，同时禁用交互。asChild 时仅设置 aria-busy 和禁用标记。 */
+    loading?: boolean;
+};
+declare const buttonVariants: (props?: ({
+    variant?: "link" | "outline" | "default" | "destructive" | "secondary" | "ghost" | null | undefined;
+    size?: "default" | "icon" | "sm" | "lg" | "icon-sm" | "icon-lg" | null | undefined;
+} & {
+    class?: import("../../lib/class-names").ClassValue;
+    className?: import("../../lib/class-names").ClassValue;
+}) | undefined) => string;
+declare function Button({ className, variant, size, asChild, color, loading, disabled, children, style, permissionAction, permissionResource, permissionCommand, ...props }: ButtonProps): React.JSX.Element | null;
+export { Button, buttonVariants };

package/dist/components/ui/button.js

@@ -0,0 +1,93 @@
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import { cva } from "../../lib/variants.js";
+import { cn } from "../../lib/utils.js";
+import { Loader2 } from "../../icons/index.js";
+import { usePermissionCheck } from "../permission-context.js";
+import { Slot } from "../../primitives/core.js";
+const buttonVariants = cva(
+  "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium select-none transition-[color,background-color,border-color,box-shadow,transform] duration-150 ease-[var(--ease-standard)] active:not-disabled:translate-y-px disabled:pointer-events-none disabled:opacity-50 aria-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:ring-ring/20 focus-visible:ring-2 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
+  {
+    variants: {
+      variant: {
+        default: "bg-primary text-primary-foreground shadow-[inset_0_1px_0_rgb(255_255_255/0.14),0_1px_2px_color-mix(in_srgb,var(--button-tone)_30%,transparent)] hover:shadow-[inset_0_1px_0_rgb(255_255_255/0.14),0_4px_12px_-4px_color-mix(in_srgb,var(--button-tone)_55%,transparent)] active:shadow-[inset_0_1px_2px_rgb(0_0_0/0.12)]",
+        destructive: "bg-destructive text-white shadow-[inset_0_1px_0_rgb(255_255_255/0.14),0_1px_2px_color-mix(in_srgb,var(--button-tone)_30%,transparent)] hover:shadow-[inset_0_1px_0_rgb(255_255_255/0.14),0_4px_12px_-4px_color-mix(in_srgb,var(--button-tone)_55%,transparent)] active:shadow-[inset_0_1px_2px_rgb(0_0_0/0.12)] focus-visible:ring-destructive/30 dark:bg-destructive/60",
+        outline: "border bg-card shadow-xs hover:bg-[color-mix(in_srgb,var(--button-tone)_6%,var(--card))] dark:bg-input/30 dark:border-input dark:hover:bg-input/50",
+        secondary: "bg-secondary text-secondary-foreground hover:bg-[color-mix(in_srgb,var(--primary)_22%,var(--card))]",
+        ghost: "hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",
+        link: "text-primary underline-offset-4 hover:underline active:translate-y-0"
+      },
+      size: {
+        default: "h-9 px-4 py-2 has-[>svg]:px-3",
+        sm: "h-8 gap-1.5 px-3 text-[13px] has-[>svg]:px-2.5",
+        lg: "h-10 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 = "default",
+  size = "default",
+  asChild = false,
+  color,
+  loading = false,
+  disabled,
+  children,
+  style,
+  permissionAction,
+  permissionResource,
+  permissionCommand,
+  ...props
+}) {
+  const permitted = usePermissionCheck({ permissionAction, permissionResource, permissionCommand });
+  const Comp = asChild ? Slot : "button";
+  const resolvedColor = color ?? (variant === "destructive" ? "danger" : "primary");
+  const tones = { default: "var(--foreground)", primary: "var(--primary)", success: "var(--success)", warning: "var(--warning)", danger: "var(--destructive)" };
+  if (!permitted()) return null;
+  return /* @__PURE__ */ jsx(
+    Comp,
+    {
+      "data-slot": "button",
+      "data-variant": variant,
+      "data-size": size,
+      "data-color": resolvedColor,
+      disabled: disabled || loading,
+      "aria-busy": loading || void 0,
+      style: { "--button-tone": tones[resolvedColor], ...style },
+      className: cn(buttonVariants({ variant, size, className })),
+      ...props,
+      "aria-disabled": disabled || loading ? true : props["aria-disabled"],
+      onClickCapture: (event) => {
+        if (disabled || loading || !permitted()) {
+          event.preventDefault();
+          event.stopPropagation();
+          return;
+        }
+        props.onClickCapture?.(event);
+      },
+      onClick: (event) => {
+        if (disabled || loading || !permitted()) {
+          event.preventDefault();
+          event.stopPropagation();
+          return;
+        }
+        props.onClick?.(event);
+      },
+      children: asChild ? children : /* @__PURE__ */ jsxs(Fragment, { children: [
+        loading && /* @__PURE__ */ jsx(Loader2, { "aria-hidden": true, className: "size-4 animate-spin" }),
+        children
+      ] })
+    }
+  );
+}
+export {
+  Button,
+  buttonVariants
+};

package/dist/components/ui/calendar.d.ts

@@ -0,0 +1,73 @@
+import * as React from 'react';
+import { Button } from './button';
+export type DateRange = {
+    from: Date | undefined;
+    to?: Date;
+};
+export type DateMatcher = boolean | Date | Date[] | ((date: Date) => boolean) | {
+    before?: Date;
+    after?: Date;
+    from?: Date;
+    to?: Date;
+    dayOfWeek?: number[];
+};
+type Selection = {
+    mode?: undefined;
+    selected?: never;
+    onSelect?: never;
+} | {
+    mode: 'single';
+    selected?: Date;
+    onSelect?: (date: Date | undefined) => void;
+} | {
+    mode: 'multiple';
+    selected?: Date[];
+    onSelect?: (dates: Date[] | undefined) => void;
+} | {
+    mode: 'range';
+    selected?: DateRange;
+    onSelect?: (range: DateRange | undefined) => void;
+};
+interface CalendarBaseProps extends Omit<React.ComponentProps<'div'>, 'onSelect' | 'hidden'> {
+    month?: Date;
+    defaultMonth?: Date;
+    onMonthChange?: (month: Date) => void;
+    numberOfMonths?: number;
+    showOutsideDays?: boolean;
+    disabled?: DateMatcher | DateMatcher[];
+    hidden?: DateMatcher | DateMatcher[];
+    required?: boolean;
+    min?: number;
+    max?: number;
+    excludeDisabled?: boolean;
+    startMonth?: Date;
+    endMonth?: Date;
+    weekStartsOn?: number;
+    locale?: string | {
+        code?: string;
+        options?: {
+            weekStartsOn?: number;
+        };
+    };
+    captionLayout?: 'label' | 'dropdown';
+    buttonVariant?: React.ComponentProps<typeof Button>['variant'];
+    classNames?: Partial<Record<'root' | 'months' | 'month' | 'day' | 'selected' | 'range_middle' | 'outside' | 'disabled', string>>;
+    formatters?: {
+        formatMonthDropdown?: (date: Date) => string;
+        formatCaption?: (date: Date) => string;
+    };
+    components?: {
+        DayButton?: React.ComponentType<CalendarDayButtonProps>;
+    };
+}
+export type CalendarProps = CalendarBaseProps & Selection;
+export interface CalendarDayButtonProps extends React.ComponentProps<typeof Button> {
+    day: {
+        date: Date;
+        displayMonth: Date;
+    };
+    modifiers: Record<string, boolean>;
+}
+export declare function CalendarDayButton({ day, modifiers, className, ...props }: CalendarDayButtonProps): React.JSX.Element;
+export declare function Calendar({ month, defaultMonth, onMonthChange, numberOfMonths, showOutsideDays, disabled, hidden, required, min, max, excludeDisabled, startMonth, endMonth, weekStartsOn, locale, captionLayout, buttonVariant, classNames, formatters, components, mode, selected, onSelect, className, ref, ...props }: CalendarProps): React.JSX.Element;
+export {};

package/dist/components/ui/calendar.js

@@ -0,0 +1,103 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { ChevronLeftIcon, ChevronRightIcon } from "../../icons/index.js";
+import { useControllable, useMergedRef } from "../../primitives/core.js";
+import { cn } from "../../lib/utils.js";
+import { Button } from "./button.js";
+const stamp = (date) => new Date(date.getFullYear(), date.getMonth(), date.getDate()).getTime();
+const same = (a, b) => !!a && !!b && stamp(a) === stamp(b);
+const shiftDay = (date, amount) => new Date(date.getFullYear(), date.getMonth(), date.getDate() + amount);
+const monthStart = (date) => new Date(date.getFullYear(), date.getMonth(), 1);
+const shiftMonth = (date, amount) => new Date(date.getFullYear(), date.getMonth() + amount, 1);
+const shiftFocusMonth = (date, amount) => {
+  const first = shiftMonth(date, amount);
+  const lastDay = new Date(first.getFullYear(), first.getMonth() + 1, 0).getDate();
+  return new Date(first.getFullYear(), first.getMonth(), Math.min(date.getDate(), lastDay));
+};
+function matches(date, matcher) {
+  if (Array.isArray(matcher)) return matcher.some((item) => matches(date, item));
+  if (typeof matcher === "boolean") return matcher;
+  if (typeof matcher === "function") return matcher(date);
+  if (matcher instanceof Date) return same(date, matcher);
+  if (!matcher) return false;
+  return !!matcher.before && stamp(date) < stamp(matcher.before) || !!matcher.after && stamp(date) > stamp(matcher.after) || !!matcher.from && !!matcher.to && stamp(date) >= stamp(matcher.from) && stamp(date) <= stamp(matcher.to) || !!matcher.dayOfWeek?.includes(date.getDay());
+}
+function CalendarDayButton({ day, modifiers, className, ...props }) {
+  return /* @__PURE__ */ jsx(Button, { ...props, type: "button", variant: "ghost", size: "icon", "data-day": day.date.toLocaleDateString(), "data-selected-single": modifiers.selected && !modifiers.range_start && !modifiers.range_end && !modifiers.range_middle, "data-range-start": modifiers.range_start, "data-range-end": modifiers.range_end, "data-range-middle": modifiers.range_middle, className: cn("size-8 rounded-md font-normal data-[selected-single=true]:bg-primary data-[selected-single=true]:text-primary-foreground data-[range-start=true]:bg-primary data-[range-start=true]:text-primary-foreground data-[range-end=true]:bg-primary data-[range-end=true]:text-primary-foreground data-[range-middle=true]:rounded-none data-[range-middle=true]:bg-accent", className) });
+}
+function Calendar({ month, defaultMonth, onMonthChange, numberOfMonths = 1, showOutsideDays = true, disabled, hidden, required = false, min = 0, max, excludeDisabled = false, startMonth, endMonth, weekStartsOn, locale = "zh-CN", captionLayout = "label", buttonVariant = "ghost", classNames = {}, formatters, components, mode, selected, onSelect, className, ref, ...props }) {
+  const initial = defaultMonth ?? (selected instanceof Date ? selected : mode === "range" ? selected?.from : void 0) ?? /* @__PURE__ */ new Date();
+  const [current, setMonth] = useControllable(month, monthStart(initial), onMonthChange), [focusDate, setFocusDate] = React.useState(initial);
+  const root = React.useRef(null), language = typeof locale === "string" ? locale : locale.code ?? "zh-CN";
+  const merged = useMergedRef(ref, root);
+  const weekStart = ((weekStartsOn ?? (typeof locale === "object" ? locale.options?.weekStartsOn : void 0) ?? 1) % 7 + 7) % 7, months = Math.max(1, Math.floor(numberOfMonths));
+  const unavailable = (date) => matches(date, disabled) || !!startMonth && stamp(date) < stamp(monthStart(startMonth)) || !!endMonth && stamp(date) >= stamp(shiftMonth(endMonth, 1));
+  const unfocusable = (date) => unavailable(date) || matches(date, hidden);
+  const choose = (date) => {
+    if (unavailable(date)) return;
+    if (mode === "single") onSelect?.(!required && same(selected, date) ? void 0 : date);
+    if (mode === "multiple") {
+      const list = selected ?? [], found = list.some((item) => same(item, date));
+      if (found && list.length <= Math.max(min, required ? 1 : 0) || !found && max !== void 0 && list.length >= max) return;
+      onSelect?.(found ? list.filter((item) => !same(item, date)) : [...list, date]);
+    }
+    if (mode === "range") {
+      const range = selected, change = onSelect;
+      if (!range?.from || range.to) change?.({ from: date });
+      else {
+        const from = stamp(date) < stamp(range.from) ? date : range.from, to = stamp(date) < stamp(range.from) ? range.from : date, count = Math.round((stamp(to) - stamp(from)) / 864e5);
+        if (count < min || max !== void 0 && count > max) return;
+        if (excludeDisabled && Array.from({ length: count + 1 }, (_, i) => shiftDay(from, i)).some(unavailable)) {
+          change?.({ from: date });
+          return;
+        }
+        change?.({ from, to });
+      }
+    }
+  };
+  const navigate = (date, event) => {
+    const delta = { ArrowLeft: -1, ArrowRight: 1, ArrowUp: -7, ArrowDown: 7 };
+    let next = delta[event.key] !== void 0 ? shiftDay(date, delta[event.key]) : event.key === "Home" ? shiftDay(date, -((date.getDay() - weekStart + 7) % 7)) : event.key === "End" ? shiftDay(date, 6 - (date.getDay() - weekStart + 7) % 7) : event.key === "PageUp" || event.key === "PageDown" ? shiftFocusMonth(date, (event.key === "PageDown" ? 1 : -1) * (event.shiftKey ? 12 : 1)) : null;
+    if (!next) return;
+    event.preventDefault();
+    const direction = ["ArrowLeft", "ArrowUp", "Home", "PageUp"].includes(event.key) ? -1 : 1;
+    for (let i = 0; unfocusable(next) && i < 366; i++) next = shiftDay(next, direction);
+    if (unfocusable(next)) return;
+    setFocusDate(next);
+    if (stamp(next) < stamp(monthStart(current)) || stamp(next) >= stamp(shiftMonth(current, months))) setMonth(monthStart(next));
+    const target = next;
+    requestAnimationFrame(() => root.current?.querySelector(`button[data-date="${stamp(target)}"]`)?.focus());
+  };
+  React.useEffect(() => {
+    if (stamp(focusDate) >= stamp(monthStart(current)) && stamp(focusDate) < stamp(shiftMonth(current, months)) && !unfocusable(focusDate)) return;
+    let next = monthStart(current);
+    for (let i = 0; unfocusable(next) && i < 366; i++) next = shiftDay(next, 1);
+    if (!unfocusable(next) && stamp(next) < stamp(shiftMonth(current, months))) setFocusDate(next);
+  }, [current.getTime(), months, disabled, hidden, startMonth, endMonth]);
+  const Day = components?.DayButton ?? CalendarDayButton;
+  return /* @__PURE__ */ jsx("div", { ...props, ref: merged, "data-slot": "calendar", className: cn("w-fit bg-background p-3 text-sm", classNames.root, className), children: /* @__PURE__ */ jsx("div", { className: cn("flex flex-wrap gap-6", classNames.months), children: Array.from({ length: months }, (_, index) => {
+    const shown = shiftMonth(current, index), start = shiftDay(shown, -((shown.getDay() - weekStart + 7) % 7)), range = mode === "range" ? selected : void 0;
+    return /* @__PURE__ */ jsxs("section", { className: classNames.month, "aria-label": shown.toLocaleDateString(language, { year: "numeric", month: "long" }), children: [
+      /* @__PURE__ */ jsxs("div", { className: "mb-3 flex items-center justify-between gap-2", children: [
+        /* @__PURE__ */ jsx(Button, { type: "button", size: "icon", variant: buttonVariant, "aria-label": "上个月", disabled: !!startMonth && stamp(current) <= stamp(monthStart(startMonth)), onClick: () => setMonth(shiftMonth(current, -1)), children: /* @__PURE__ */ jsx(ChevronLeftIcon, { className: "size-4" }) }),
+        captionLayout === "label" ? /* @__PURE__ */ jsx("strong", { children: formatters?.formatCaption?.(shown) ?? shown.toLocaleDateString(language, { year: "numeric", month: "long" }) }) : /* @__PURE__ */ jsxs("div", { className: "flex gap-1", children: [
+          /* @__PURE__ */ jsx("select", { "aria-label": "年份", value: shown.getFullYear(), onChange: (event) => setMonth(new Date(Number(event.target.value), shown.getMonth() - index, 1)), children: Array.from({ length: Math.max(1, (endMonth?.getFullYear() ?? shown.getFullYear() + 10) - (startMonth?.getFullYear() ?? shown.getFullYear() - 100) + 1) }, (_2, i) => (startMonth?.getFullYear() ?? shown.getFullYear() - 100) + i).map((year) => /* @__PURE__ */ jsx("option", { children: year }, year)) }),
+          /* @__PURE__ */ jsx("select", { "aria-label": "月份", value: shown.getMonth(), onChange: (event) => setMonth(new Date(shown.getFullYear(), Number(event.target.value) - index, 1)), children: Array.from({ length: 12 }, (_2, i) => /* @__PURE__ */ jsx("option", { value: i, children: formatters?.formatMonthDropdown?.(new Date(2026, i, 1)) ?? `${i + 1}月` }, i)) })
+        ] }),
+        /* @__PURE__ */ jsx(Button, { type: "button", size: "icon", variant: buttonVariant, "aria-label": "下个月", disabled: !!endMonth && stamp(shiftMonth(current, months - 1)) >= stamp(monthStart(endMonth)), onClick: () => setMonth(shiftMonth(current, 1)), children: /* @__PURE__ */ jsx(ChevronRightIcon, { className: "size-4" }) })
+      ] }),
+      /* @__PURE__ */ jsxs("table", { role: "grid", className: "border-collapse", "aria-label": "选择日期", children: [
+        /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsx("tr", { children: Array.from({ length: 7 }, (_2, i) => /* @__PURE__ */ jsx("th", { className: "size-8 font-normal text-muted-foreground", children: shiftDay(new Date(2026, 0, 4), weekStart + i).toLocaleDateString(language, { weekday: "short" }) }, i)) }) }),
+        /* @__PURE__ */ jsx("tbody", { children: Array.from({ length: 6 }, (_2, week) => /* @__PURE__ */ jsx("tr", { children: Array.from({ length: 7 }, (_3, column) => {
+          const date = shiftDay(start, week * 7 + column), outside = date.getMonth() !== shown.getMonth(), rangeStart = same(range?.from, date), rangeEnd = same(range?.to, date), middle = !!range?.from && !!range.to && stamp(date) > stamp(range.from) && stamp(date) < stamp(range.to), isSelected = mode === "single" ? same(selected, date) : mode === "multiple" ? selected?.some((item) => same(item, date)) ?? false : rangeStart || rangeEnd || middle;
+          const modifiers = { selected: isSelected, range_start: rangeStart, range_end: rangeEnd, range_middle: middle, outside, today: same(/* @__PURE__ */ new Date(), date), focused: same(focusDate, date), disabled: unavailable(date) };
+          return /* @__PURE__ */ jsx("td", { className: cn("p-0.5 text-center", middle && "bg-accent", classNames.day), "aria-selected": isSelected, children: outside && !showOutsideDays || matches(date, hidden) ? /* @__PURE__ */ jsx("span", { className: "inline-block size-8" }) : /* @__PURE__ */ jsx(Day, { day: { date, displayMonth: shown }, modifiers, "data-date": stamp(date), tabIndex: !outside && same(focusDate, date) ? 0 : -1, disabled: modifiers.disabled, "aria-label": date.toLocaleDateString(language, { year: "numeric", month: "long", day: "numeric", weekday: "long" }), "aria-pressed": isSelected, className: cn(outside && "text-muted-foreground", outside && classNames.outside, modifiers.disabled && classNames.disabled, isSelected && classNames.selected, middle && classNames.range_middle), onFocus: () => setFocusDate(date), onKeyDown: (event) => navigate(date, event), onClick: () => choose(date), children: date.getDate() }) }, column);
+        }) }, week)) })
+      ] })
+    ] }, stamp(shown));
+  }) }) });
+}
+export {
+  Calendar,
+  CalendarDayButton
+};

package/dist/components/ui/card.d.ts

@@ -0,0 +1,9 @@
+import * as React from "react";
+declare function Card({ className, ...props }: React.ComponentProps<"div">): 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, CardHeader, CardFooter, CardTitle, CardAction, CardDescription, CardContent, };

package/dist/components/ui/card.js

@@ -0,0 +1,90 @@
+import { jsx } from "react/jsx-runtime";
+import { cn } from "../../lib/utils.js";
+function Card({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "card",
+      className: cn(
+        "bg-card text-card-foreground flex flex-col rounded-xl border border-border py-5 shadow-xs transition-[box-shadow,border-color,transform] duration-200 ease-[var(--ease-standard)] data-[interactive=true]:cursor-pointer data-[interactive=true]:hover:-translate-y-0.5 data-[interactive=true]:hover:border-[color-mix(in_srgb,var(--primary)_35%,var(--border))] data-[interactive=true]:hover:shadow-md",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function CardHeader({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "card-header",
+      className: cn(
+        "@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-1 px-5 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-4",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function CardTitle({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "card-title",
+      className: cn("text-base leading-6 font-semibold", className),
+      ...props
+    }
+  );
+}
+function CardDescription({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "card-description",
+      className: cn("text-muted-foreground text-sm", className),
+      ...props
+    }
+  );
+}
+function CardAction({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "card-action",
+      className: cn(
+        "col-start-2 row-span-2 row-start-1 self-start justify-self-end",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function CardContent({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "card-content",
+      className: cn("px-5", className),
+      ...props
+    }
+  );
+}
+function CardFooter({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "card-footer",
+      className: cn("flex items-center gap-2 px-5 [.border-t]:pt-4", className),
+      ...props
+    }
+  );
+}
+export {
+  Card,
+  CardAction,
+  CardContent,
+  CardDescription,
+  CardFooter,
+  CardHeader,
+  CardTitle
+};

package/dist/components/ui/carousel.d.ts

@@ -0,0 +1,14 @@
+import * as React from "react";
+import { type CarouselApi, type CarouselOptions } from "../../primitives/carousel";
+import { Button } from "./button";
+type CarouselProps = {
+    opts?: CarouselOptions;
+    orientation?: "horizontal" | "vertical";
+    setApi?: (api: CarouselApi) => void;
+};
+declare function Carousel({ orientation, opts, setApi, className, children, ...props }: React.ComponentProps<"div"> & CarouselProps): React.JSX.Element;
+declare function CarouselContent({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function CarouselItem({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function CarouselPrevious({ className, variant, size, ...props }: React.ComponentProps<typeof Button>): React.JSX.Element;
+declare function CarouselNext({ className, variant, size, ...props }: React.ComponentProps<typeof Button>): React.JSX.Element;
+export { type CarouselApi, Carousel, CarouselContent, CarouselItem, CarouselPrevious, CarouselNext, };