@pitchfork-ui/react 0.8.0 → 0.9.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Leland Rangel
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/dist/a11y/index.js

@@ -1,3 +1,4 @@
+"use client";
 //#region src/a11y/index.ts
 var Keys = {
 	ArrowDown: "ArrowDown",

package/dist/components/Accordion/Accordion2.js

@@ -1,3 +1,4 @@
+"use client";
 import { Keys } from "../../a11y/index.js";
 import { useControllableState } from "../../hooks/useControllableState.js";
 import { cx } from "../../utils/cx.js";

package/dist/components/Alert/Alert2.js

@@ -1,3 +1,4 @@
+"use client";
 import { useExitAnimation } from "../../hooks/useExitAnimation.js";
 import { cx } from "../../utils/cx.js";
 import { Icon } from "../Icon/Icon2.js";

package/dist/components/Avatar/Avatar2.js

@@ -1,3 +1,4 @@
+"use client";
 import { cx } from "../../utils/cx.js";
 import './Avatar.css';/* empty css       */
 import { forwardRef } from "react";

package/dist/components/AvatarGroup/AvatarGroup2.js

@@ -1,3 +1,4 @@
+"use client";
 import { cx } from "../../utils/cx.js";
 import { Avatar } from "../Avatar/Avatar2.js";
 import './AvatarGroup.css';/* empty css            */

package/dist/components/Badge/Badge2.js

@@ -1,3 +1,4 @@
+"use client";
 import { cx } from "../../utils/cx.js";
 import './Badge.css';/* empty css      */
 import { forwardRef } from "react";

package/dist/components/BadgeGroup/BadgeGroup2.js

@@ -1,3 +1,4 @@
+"use client";
 import { cx } from "../../utils/cx.js";
 import './BadgeGroup.css';/* empty css           */
 import { forwardRef } from "react";

package/dist/components/Breadcrumbs/Breadcrumbs2.js

@@ -1,3 +1,4 @@
+"use client";
 import { cx } from "../../utils/cx.js";
 import './Breadcrumbs.css';/* empty css            */
 import { forwardRef } from "react";

package/dist/components/Button/Button2.js

@@ -1,3 +1,4 @@
+"use client";
 import { cx } from "../../utils/cx.js";
 import './Button.css';/* empty css       */
 import { forwardRef } from "react";

package/dist/components/ButtonGroup/ButtonGroup2.js

@@ -1,3 +1,4 @@
+"use client";
 import { cx } from "../../utils/cx.js";
 import './ButtonGroup.css';/* empty css            */
 import { forwardRef, useMemo, useState } from "react";

package/dist/components/Calendar/Calendar2.js

@@ -1,3 +1,4 @@
+"use client";
 import { cx } from "../../utils/cx.js";
 import { Icon } from "../Icon/Icon2.js";
 import { Dropdown } from "../Dropdown/Dropdown2.js";

package/dist/components/Card/Card2.js

@@ -1,3 +1,4 @@
+"use client";
 import { cx } from "../../utils/cx.js";
 import './Card.css';/* empty css     */
 import { jsx } from "react/jsx-runtime";

package/dist/components/Carousel/Carousel2.js

@@ -1,3 +1,4 @@
+"use client";
 import { cx } from "../../utils/cx.js";
 import { Icon } from "../Icon/Icon2.js";
 import './Carousel.css';/* empty css         */

package/dist/components/Checkbox/Checkbox2.js

@@ -1,3 +1,4 @@
+"use client";
 import { cx } from "../../utils/cx.js";
 import './Checkbox.css';/* empty css         */
 import { forwardRef, useId } from "react";

package/dist/components/CodeSnippet/CodeSnippet2.js

@@ -1,3 +1,4 @@
+"use client";
 import { cx } from "../../utils/cx.js";
 import { Icon } from "../Icon/Icon2.js";
 import './CodeSnippet.css';/* empty css            */

package/dist/components/Combobox/Combobox2.js

@@ -1,3 +1,4 @@
+"use client";
 import { Keys, composeDescribedBy } from "../../a11y/index.js";
 import { useAnchoredPosition } from "../../hooks/useAnchoredPosition.js";
 import { useComposedRefs } from "../../hooks/useComposedRefs.js";

package/dist/components/CommandPalette/CommandPalette2.js

@@ -1,3 +1,4 @@
+"use client";
 import { Keys } from "../../a11y/index.js";
 import { useFocusTrap } from "../../hooks/useFocusTrap.js";
 import { useListNavigation } from "../../hooks/useListNavigation.js";

package/dist/components/ContentDivider/ContentDivider2.js

@@ -1,3 +1,4 @@
+"use client";
 import { cx } from "../../utils/cx.js";
 import './ContentDivider.css';/* empty css               */
 import { forwardRef } from "react";

package/dist/components/CreditCard/CreditCard2.js

@@ -1,3 +1,4 @@
+"use client";
 import { cx } from "../../utils/cx.js";
 import './CreditCard.css';/* empty css           */
 import { forwardRef } from "react";

package/dist/components/DatePicker/DatePicker2.js

@@ -1,3 +1,4 @@
+"use client";
 import { Keys, composeDescribedBy } from "../../a11y/index.js";
 import { useAnchoredPosition } from "../../hooks/useAnchoredPosition.js";
 import { useDisclosure } from "../../hooks/useDisclosure.js";

package/dist/components/DateRangePicker/DateRangePicker2.js

@@ -1,3 +1,4 @@
+"use client";
 import { Keys, composeDescribedBy } from "../../a11y/index.js";
 import { useAnchoredPosition } from "../../hooks/useAnchoredPosition.js";
 import { useDisclosure } from "../../hooks/useDisclosure.js";

package/dist/components/Dropdown/Dropdown2.js

@@ -1,3 +1,4 @@
+"use client";
 import { Keys, isActivationKey } from "../../a11y/index.js";
 import { useAnchoredPosition } from "../../hooks/useAnchoredPosition.js";
 import { useDisclosure } from "../../hooks/useDisclosure.js";

package/dist/components/EmptyState/EmptyState2.js

@@ -1,3 +1,4 @@
+"use client";
 import { cx } from "../../utils/cx.js";
 import { Icon } from "../Icon/Icon2.js";
 import './EmptyState.css';/* empty css           */

package/dist/components/FileUploader/FileUploader2.js

@@ -1,3 +1,4 @@
+"use client";
 import { cx } from "../../utils/cx.js";
 import { Icon } from "../Icon/Icon2.js";
 import { FieldWrapper } from "../../utils/FieldWrapper.js";

package/dist/components/GaugeChart/GaugeChart2.js

@@ -1,3 +1,4 @@
+"use client";
 import { cx } from "../../utils/cx.js";
 import './GaugeChart.css';/* empty css           */
 import { forwardRef } from "react";

package/dist/components/HeaderNavigation/HeaderNavigation2.js

@@ -1,3 +1,4 @@
+"use client";
 import { cx } from "../../utils/cx.js";
 import './HeaderNavigation.css';/* empty css                 */
 import { forwardRef } from "react";

package/dist/components/Heatmap/Heatmap2.js

@@ -1,3 +1,4 @@
+"use client";
 import { cx } from "../../utils/cx.js";
 import './Heatmap.css';/* empty css        */
 import { forwardRef } from "react";

package/dist/components/Icon/Icon2.js

@@ -1,3 +1,4 @@
+"use client";
 import { cx } from "../../utils/cx.js";
 import './Icon.css';/* empty css     */
 import { faBarChart, faCalendar, faCircleCheck, faCircleQuestion, faCircleXmark, faCopy, faCreditCard, faSquareCaretLeft, faSquareCaretRight, faSquareCheck, faStar, faUser } from "@fortawesome/free-regular-svg-icons";

package/dist/components/InlineCTA/InlineCTA2.js

@@ -1,3 +1,4 @@
+"use client";
 import { useExitAnimation } from "../../hooks/useExitAnimation.js";
 import { cx } from "../../utils/cx.js";
 import { Icon } from "../Icon/Icon2.js";

package/dist/components/Input/Input2.js

@@ -1,3 +1,4 @@
+"use client";
 import { cx } from "../../utils/cx.js";
 import { FieldWrapper } from "../../utils/FieldWrapper.js";
 import './Input.css';/* empty css      */

package/dist/components/Kbd/Kbd2.js

@@ -1,3 +1,4 @@
+"use client";
 import { cx } from "../../utils/cx.js";
 import './Kbd.css';/* empty css    */
 import { forwardRef } from "react";

package/dist/components/LineBarCharts/LineBarChart2.js

@@ -1,3 +1,4 @@
+"use client";
 import { cx } from "../../utils/cx.js";
 import './LineBarChart.css';/* empty css             */
 import { forwardRef } from "react";

package/dist/components/LoadingIndicators/LoadingIndicators2.js

@@ -1,3 +1,4 @@
+"use client";
 import { cx } from "../../utils/cx.js";
 import './LoadingIndicators.css';/* empty css                  */
 import { forwardRef } from "react";

package/dist/components/Metrics/Metrics2.js

@@ -1,3 +1,4 @@
+"use client";
 import { cx } from "../../utils/cx.js";
 import { Icon } from "../Icon/Icon2.js";
 import './Metrics.css';/* empty css        */

package/dist/components/Modal/Modal.css

@@ -30,10 +30,11 @@
 .pf-modal {
   background: var(--pf-modal-bg);
   border: 1px solid color-mix(in srgb, var(--pf-modal-border) 85%, transparent);
-  border-radius: var(--radius-lg) var(--radius-lg) 0 0;
+  border-radius: var(--radius-lg);
   box-shadow: var(--pf-modal-elevation-overlay-shadow, var(--pf-elevation-overlay-shadow));
   color: var(--pf-modal-text);
-  display: grid;
+  display: flex;
+  flex-direction: column;
   max-height: 92vh;
   overflow: hidden;
   width: 100%;
@@ -41,7 +42,6 @@
 
 @media (min-width: 768px) {
   .pf-modal {
-    border-radius: var(--radius-lg);
     max-height: min(90vh, 720px);
   }
 }
@@ -66,6 +66,7 @@
 .pf-modal__footer {
   align-items: start;
   display: flex;
+  flex-shrink: 0;
   gap: var(--space-3);
   justify-content: space-between;
   padding: var(--space-3);
@@ -90,7 +91,9 @@
 
 .pf-modal__body {
   display: grid;
+  flex: 1 1 auto;
   gap: var(--space-4);
+  min-height: 0;
   overflow-y: auto;
   padding: var(--space-3);
 }

package/dist/components/Modal/Modal2.js

@@ -1,3 +1,4 @@
+"use client";
 import { useFocusTrap } from "../../hooks/useFocusTrap.js";
 import { usePresence } from "../../hooks/usePresence.js";
 import { cx } from "../../utils/cx.js";

package/dist/components/MultiSelect/MultiSelect2.js

@@ -1,3 +1,4 @@
+"use client";
 import { Keys, composeDescribedBy, isActivationKey } from "../../a11y/index.js";
 import { useAnchoredPosition } from "../../hooks/useAnchoredPosition.js";
 import { useComposedRefs } from "../../hooks/useComposedRefs.js";

package/dist/components/Notification/Notification2.js

@@ -1,3 +1,4 @@
+"use client";
 import { useExitAnimation } from "../../hooks/useExitAnimation.js";
 import { cx } from "../../utils/cx.js";
 import { Icon } from "../Icon/Icon2.js";

package/dist/components/NumberInput/NumberInput2.js

@@ -1,3 +1,4 @@
+"use client";
 import { Keys, composeDescribedBy } from "../../a11y/index.js";
 import { useComposedRefs } from "../../hooks/useComposedRefs.js";
 import { useControllableState } from "../../hooks/useControllableState.js";

package/dist/components/PageHeader/PageHeader2.js

@@ -1,3 +1,4 @@
+"use client";
 import { cx } from "../../utils/cx.js";
 import { Breadcrumbs } from "../Breadcrumbs/Breadcrumbs2.js";
 import './PageHeader.css';/* empty css           */

package/dist/components/Pagination/Pagination2.js

@@ -1,3 +1,4 @@
+"use client";
 import { cx } from "../../utils/cx.js";
 import './Pagination.css';/* empty css           */
 import * as React from "react";

package/dist/components/PieChart/PieChart2.js

@@ -1,3 +1,4 @@
+"use client";
 import { cx } from "../../utils/cx.js";
 import './PieChart.css';/* empty css         */
 import { forwardRef } from "react";

package/dist/components/Popover/Popover2.js

@@ -1,3 +1,4 @@
+"use client";
 import { Keys } from "../../a11y/index.js";
 import { useAnchoredPosition } from "../../hooks/useAnchoredPosition.js";
 import { useComposedRefs } from "../../hooks/useComposedRefs.js";

package/dist/components/ProgressIndicators/ProgressIndicators2.js

@@ -1,3 +1,4 @@
+"use client";
 import { cx } from "../../utils/cx.js";
 import './ProgressIndicators.css';/* empty css                   */
 import { forwardRef } from "react";

package/dist/components/ProgressSteps/ProgressSteps2.js

@@ -1,3 +1,4 @@
+"use client";
 import { cx } from "../../utils/cx.js";
 import './ProgressSteps.css';/* empty css              */
 import { forwardRef } from "react";

package/dist/components/RadarChart/RadarChart2.js

@@ -1,3 +1,4 @@
+"use client";
 import { cx } from "../../utils/cx.js";
 import './RadarChart.css';/* empty css           */
 import { forwardRef } from "react";

package/dist/components/RadioButton/RadioButton2.js

@@ -1,3 +1,4 @@
+"use client";
 import { cx } from "../../utils/cx.js";
 import './RadioButton.css';/* empty css            */
 import { forwardRef, useId } from "react";

package/dist/components/RadioGroup/RadioGroup2.js

@@ -1,3 +1,4 @@
+"use client";
 import { cx } from "../../utils/cx.js";
 import './RadioGroup.css';/* empty css           */
 import { forwardRef, useId, useState } from "react";

package/dist/components/Rating/Rating2.js

@@ -1,3 +1,4 @@
+"use client";
 import { cx } from "../../utils/cx.js";
 import { Icon } from "../Icon/Icon2.js";
 import './Rating.css';/* empty css       */

package/dist/components/RichTextEditor/RichTextEditor2.js

@@ -1,3 +1,4 @@
+"use client";
 import { composeDescribedBy } from "../../a11y/index.js";
 import { cx } from "../../utils/cx.js";
 import { FieldWrapper } from "../../utils/FieldWrapper.js";

package/dist/components/SectionFooter/SectionFooter2.js

@@ -1,3 +1,4 @@
+"use client";
 import { cx } from "../../utils/cx.js";
 import './SectionFooter.css';/* empty css              */
 import { forwardRef } from "react";

package/dist/components/SectionHeader/SectionHeader2.js

@@ -1,3 +1,4 @@
+"use client";
 import { cx } from "../../utils/cx.js";
 import './SectionHeader.css';/* empty css              */
 import { forwardRef } from "react";

package/dist/components/Select/Select2.js

@@ -1,3 +1,4 @@
+"use client";
 import { Keys, composeDescribedBy, isActivationKey } from "../../a11y/index.js";
 import { useAnchoredPosition } from "../../hooks/useAnchoredPosition.js";
 import { useComposedRefs } from "../../hooks/useComposedRefs.js";

package/dist/components/SidebarNavigation/SidebarNavigation2.js

@@ -1,3 +1,4 @@
+"use client";
 import { cx } from "../../utils/cx.js";
 import './SidebarNavigation.css';/* empty css                  */
 import { forwardRef } from "react";

package/dist/components/SlideoutMenu/SlideoutMenu2.js

@@ -1,3 +1,4 @@
+"use client";
 import { cx } from "../../utils/cx.js";
 import { Icon } from "../Icon/Icon2.js";
 import './SlideoutMenu.css';/* empty css             */

package/dist/components/Slider/Slider2.js

@@ -1,3 +1,4 @@
+"use client";
 import { cx } from "../../utils/cx.js";
 import './Slider.css';/* empty css       */
 import { forwardRef, useId, useMemo, useState } from "react";

package/dist/components/Sparkline/Sparkline2.js

@@ -1,3 +1,4 @@
+"use client";
 import { cx } from "../../utils/cx.js";
 import './Sparkline.css';/* empty css          */
 import { forwardRef, useMemo } from "react";

package/dist/components/Switch/Switch2.js

@@ -1,3 +1,4 @@
+"use client";
 import { cx } from "../../utils/cx.js";
 import './Switch.css';/* empty css       */
 import { forwardRef, useId } from "react";

package/dist/components/Table/Table2.js

@@ -1,3 +1,4 @@
+"use client";
 import { cx } from "../../utils/cx.js";
 import './Table.css';/* empty css      */
 import { useMemo, useState } from "react";

package/dist/components/Tabs/Tabs2.js

@@ -1,3 +1,4 @@
+"use client";
 import { cx } from "../../utils/cx.js";
 import './Tabs.css';/* empty css     */
 import { forwardRef, useEffect, useId, useLayoutEffect, useMemo, useRef, useState } from "react";

package/dist/components/Tag/Tag2.js

@@ -1,3 +1,4 @@
+"use client";
 import { cx } from "../../utils/cx.js";
 import { Icon } from "../Icon/Icon2.js";
 import './Tag.css';/* empty css    */

package/dist/components/Textarea/Textarea2.js

@@ -1,3 +1,4 @@
+"use client";
 import { cx } from "../../utils/cx.js";
 import { FieldWrapper } from "../../utils/FieldWrapper.js";
 import './Textarea.css';/* empty css         */

package/dist/components/Toast/Toast.js

@@ -1,3 +1,4 @@
+"use client";
 import { Notification, NotificationStack } from "../Notification/Notification2.js";
 import { createContext, useCallback, useContext, useEffect, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/components/Tooltip/Tooltip2.js

@@ -1,3 +1,4 @@
+"use client";
 import { usePresence } from "../../hooks/usePresence.js";
 import { cx } from "../../utils/cx.js";
 import './Tooltip.css';/* empty css        */

package/dist/components/TreeView/TreeView2.js

@@ -1,3 +1,4 @@
+"use client";
 import { cx } from "../../utils/cx.js";
 import './TreeView.css';/* empty css         */
 import { forwardRef, useCallback, useImperativeHandle, useMemo, useRef, useState } from "react";

package/dist/components/UtilityButton/UtilityButton2.js

@@ -1,3 +1,4 @@
+"use client";
 import { cx } from "../../utils/cx.js";
 import './UtilityButton.css';/* empty css              */
 import { forwardRef } from "react";

package/dist/components/VideoPlayer/VideoPlayer2.js

@@ -1,3 +1,4 @@
+"use client";
 import { cx } from "../../utils/cx.js";
 import './VideoPlayer.css';/* empty css            */
 import { forwardRef, useId } from "react";

package/dist/hooks/useAnchoredPosition.js

@@ -1,3 +1,4 @@
+"use client";
 import { useEffect, useState } from "react";
 //#region src/hooks/useAnchoredPosition.ts
 function useAnchoredPosition({ anchorRef, floatingRef, enabled = true, align = "start", offset = 8, viewportPadding = 8, minWidth, matchAnchorWidth = true, flip = false }) {

package/dist/hooks/useComposedRefs.js

@@ -1,3 +1,4 @@
+"use client";
 //#region src/hooks/useComposedRefs.ts
 function useComposedRefs(...refs) {
 	return (node) => {

package/dist/hooks/useControllableState.js

@@ -1,3 +1,4 @@
+"use client";
 import { useCallback, useState } from "react";
 //#region src/hooks/useControllableState.ts
 function useControllableState({ value, defaultValue, onChange }) {

package/dist/hooks/useDisclosure.js

@@ -1,3 +1,4 @@
+"use client";
 import { useControllableState } from "./useControllableState.js";
 import { useCallback } from "react";
 //#region src/hooks/useDisclosure.ts

package/dist/hooks/useExitAnimation.js

@@ -1,3 +1,4 @@
+"use client";
 import { useState } from "react";
 //#region src/hooks/useExitAnimation.ts
 var prefersReducedMotion = () => typeof window !== "undefined" && typeof window.matchMedia === "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches;

package/dist/hooks/useFocusTrap.js

@@ -1,3 +1,4 @@
+"use client";
 import { Keys, getFocusableElements } from "../a11y/index.js";
 import { useEffect } from "react";
 //#region src/hooks/useFocusTrap.ts

package/dist/hooks/useListNavigation.js

@@ -1,3 +1,4 @@
+"use client";
 import { useCallback, useMemo, useState } from "react";
 //#region src/hooks/useListNavigation.ts
 function useListNavigation({ items, isDisabled = () => false, initialIndex }) {

package/dist/hooks/useOutsideInteraction.js

@@ -1,3 +1,4 @@
+"use client";
 import { useEffect } from "react";
 //#region src/hooks/useOutsideInteraction.ts
 function useOutsideInteraction({ refs, enabled = true, onInteractOutside, eventName = "pointerdown" }) {

package/dist/hooks/usePresence.js

@@ -1,3 +1,4 @@
+"use client";
 import { useEffect, useRef, useState } from "react";
 //#region src/hooks/usePresence.ts
 var prefersReducedMotion = () => typeof window !== "undefined" && typeof window.matchMedia === "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches;

package/dist/index.cjs

@@ -1,3 +1,4 @@
+"use client";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 require('./styles.css');//#region \0rolldown/runtime.js
 var __create = Object.create;

package/dist/index.js

@@ -1,3 +1,4 @@
+"use client";
 import './styles/theme.css';/* empty css             */
 import { Keys, composeDescribedBy, getFocusableElements, isActivationKey } from "./a11y/index.js";
 import { useAnchoredPosition } from "./hooks/useAnchoredPosition.js";

package/dist/styles.css

@@ -4224,10 +4224,11 @@ body {
 .pf-modal {
   background: var(--pf-modal-bg);
   border: 1px solid color-mix(in srgb, var(--pf-modal-border) 85%, transparent);
-  border-radius: var(--radius-lg) var(--radius-lg) 0 0;
+  border-radius: var(--radius-lg);
   box-shadow: var(--pf-modal-elevation-overlay-shadow, var(--pf-elevation-overlay-shadow));
   color: var(--pf-modal-text);
-  display: grid;
+  display: flex;
+  flex-direction: column;
   max-height: 92vh;
   overflow: hidden;
   width: 100%;
@@ -4235,7 +4236,6 @@ body {
 
 @media (min-width: 768px) {
   .pf-modal {
-    border-radius: var(--radius-lg);
     max-height: min(90vh, 720px);
   }
 }
@@ -4260,6 +4260,7 @@ body {
 .pf-modal__footer {
   align-items: start;
   display: flex;
+  flex-shrink: 0;
   gap: var(--space-3);
   justify-content: space-between;
   padding: var(--space-3);
@@ -4284,7 +4285,9 @@ body {
 
 .pf-modal__body {
   display: grid;
+  flex: 1 1 auto;
   gap: var(--space-4);
+  min-height: 0;
   overflow-y: auto;
   padding: var(--space-3);
 }

package/dist/utils/FieldWrapper.js

@@ -1,3 +1,4 @@
+"use client";
 import { cx } from "./cx.js";
 import { forwardRef } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/utils/cx.js

@@ -1,3 +1,4 @@
+"use client";
 //#region src/utils/cx.ts
 function cx(...classes) {
 	return classes.filter(Boolean).join(" ");

package/package.json

@@ -1,6 +1,30 @@
 {
   "name": "@pitchfork-ui/react",
-  "version": "0.8.0",
+  "version": "0.9.0",
+  "description": "Accessible, themeable React component library for lelandrangel.com — 65+ components backed by a Style Dictionary token system, with dark mode and bundled CSS.",
+  "license": "MIT",
+  "author": "Leland Rangel",
+  "homepage": "https://lelandrangel.com/pitchfork-ui/",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/lelandcrangel/pitchfork-ui.git",
+    "directory": "packages/react"
+  },
+  "bugs": {
+    "url": "https://github.com/lelandcrangel/pitchfork-ui/issues"
+  },
+  "keywords": [
+    "react",
+    "component-library",
+    "design-system",
+    "ui",
+    "components",
+    "accessible",
+    "a11y",
+    "dark-mode",
+    "design-tokens",
+    "typescript"
+  ],
   "type": "module",
   "main": "dist/index.cjs",
   "module": "dist/index.js",
@@ -11,7 +35,9 @@
   ],
   "files": [
     "dist",
-    "theme.starter.css"
+    "theme.starter.css",
+    "LICENSE",
+    "README.md"
   ],
   "scripts": {
     "build": "vite build",
@@ -27,7 +53,7 @@
     "react-dom": ">=18.2.0 || >=19.0.0"
   },
   "devDependencies": {
-    "@pitchfork-ui/tokens": "^0.1.0",
+    "@pitchfork-ui/tokens": "*",
     "@vitejs/plugin-react": "latest",
     "vite-plugin-dts": "latest",
     "vite-plugin-lib-inject-css": "^2.2.2"