@spatika/react 1.0.0 → 1.1.0

package/src/index.ts

@@ -1,3 +1,5 @@
+"use client";
+
 /**
  * @spatika/react — Spatika React package
  *
@@ -193,6 +195,27 @@ export { PageStickyHeader, PageHeaderBadge, type PageStickyHeaderProps } from ".
 export { PageShell, type PageShellProps } from "./composites/PageShell";
 export { SectionPanel, type SectionPanelProps } from "./composites/SectionPanel";
 export { Chip, chipVariants, type ChipProps } from "./composites/Chip";
+export { Tag, tagVariants, type TagProps } from "./composites/Tag";
+export { SectionHeading, type SectionHeadingProps } from "./composites/SectionHeading";
+export { SiteNav, type SiteNavLink, type SiteNavProps } from "./composites/SiteNav";
+export { SiteFooter, type SiteFooterProps } from "./composites/SiteFooter";
+export { GradientText, type GradientTextProps } from "./composites/GradientText";
+export { AccentRule, type AccentRuleProps } from "./composites/AccentRule";
+export { Wordmark, type WordmarkProps } from "./composites/Wordmark";
+export { DisplayHeading, type DisplayHeadingProps } from "./composites/DisplayHeading";
+export { PresenceDot, type PresenceDotProps } from "./composites/PresenceDot";
+export { AvailabilityBadge, type AvailabilityBadgeProps } from "./composites/AvailabilityBadge";
+export { FloatChip, type FloatChipProps } from "./composites/FloatChip";
+export { MetaChip, type MetaChipProps } from "./composites/MetaChip";
+export { IconTile, type IconTileProps } from "./composites/IconTile";
+export { ContactLink, type ContactLinkProps } from "./composites/ContactLink";
+export {
+  CareerCard,
+  CareerTimeline,
+  type CareerCardProps,
+  type CareerTimelineProps,
+} from "./composites/CareerCard";
+export { ProjectCard, type ProjectCardProps } from "./composites/ProjectCard";
 export {
   ChipGroup,
   isOptionSelected,

package/src/primitives/Button.tsx

@@ -18,11 +18,14 @@ const buttonVariants = cva(
         link: "text-primary underline-offset-4 hover:underline",
         glass:
           "glass border-border/50 text-foreground hover:border-primary/30 hover:text-primary",
+        gradient:
+          "rounded-full bg-gradient-to-r from-primary to-[color-mix(in_srgb,var(--primary)_72%,var(--chart-2))] text-primary-foreground shadow-[0_10px_32px_color-mix(in_srgb,var(--primary)_38%,transparent)] hover:brightness-105 hover:-translate-y-0.5 hover:shadow-[0_14px_40px_color-mix(in_srgb,var(--chart-3)_22%,transparent)]",
       },
       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",
+        xl: "h-auto rounded-full px-8 py-4 text-[15px] font-bold has-[>svg]:px-7",
         /** Mobile-first ≥44px touch target */
         touch: "min-h-11 h-11 rounded-md px-5 has-[>svg]:px-4",
         icon: "size-9 rounded-md",