@becket-ui/react 0.1.0

package/dist/helpers/responsive.js

@@ -0,0 +1,78 @@
+const BREAKPOINTS = ["base", "sm", "md", "lg", "xl", "2xl"];
+const SEMANTIC_BREAKPOINTS = [
+  "mobile",
+  "tablet",
+  "desktop",
+  "largeDesktop"
+];
+const SEMANTIC_TO_BREAKPOINT = {
+  mobile: "base",
+  tablet: "md",
+  desktop: "lg",
+  largeDesktop: "xl"
+};
+const SPACING_SCALE = [0, 1, 2, 3, 5, 8, 13, 21, 34];
+function isSemanticBreakpoint(key) {
+  return SEMANTIC_BREAKPOINTS.includes(key);
+}
+function isTokenBreakpoint(key) {
+  return BREAKPOINTS.includes(key);
+}
+function resolveBreakpointAlias(key) {
+  if (isSemanticBreakpoint(key)) return SEMANTIC_TO_BREAKPOINT[key];
+  return key;
+}
+function normalizeResponsiveValue(value) {
+  if (value == null || typeof value !== "object" || Array.isArray(value)) {
+    return value;
+  }
+  const input = value;
+  const out = {};
+  for (const [key, entry] of Object.entries(input)) {
+    if (isTokenBreakpoint(key) || key === "base") {
+      out[key] = normalizeResponsiveValue(entry);
+    }
+  }
+  for (const [key, entry] of Object.entries(input)) {
+    if (!isSemanticBreakpoint(key)) {
+      if (!isTokenBreakpoint(key) && key !== "base") {
+        out[key] = normalizeResponsiveValue(entry);
+      }
+      continue;
+    }
+    const token = SEMANTIC_TO_BREAKPOINT[key];
+    if (out[token] === void 0) {
+      out[token] = normalizeResponsiveValue(entry);
+    }
+  }
+  return out;
+}
+function normalizeGapValue(gap) {
+  if (typeof gap === "number" && Number.isFinite(gap)) {
+    return String(gap);
+  }
+  if (Array.isArray(gap)) {
+    return gap.map((item) => normalizeGapValue(item));
+  }
+  if (gap && typeof gap === "object") {
+    const withBreakpoints = normalizeResponsiveValue(gap);
+    const out = {};
+    for (const [key, value] of Object.entries(withBreakpoints)) {
+      out[key] = normalizeGapValue(value);
+    }
+    return out;
+  }
+  return gap;
+}
+export {
+  BREAKPOINTS,
+  SEMANTIC_BREAKPOINTS,
+  SEMANTIC_TO_BREAKPOINT,
+  SPACING_SCALE,
+  isSemanticBreakpoint,
+  isTokenBreakpoint,
+  normalizeGapValue,
+  normalizeResponsiveValue,
+  resolveBreakpointAlias
+};
+//# sourceMappingURL=responsive.js.map

package/dist/helpers/responsive.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/helpers/responsive.ts"],"sourcesContent":["import type { ConditionalValue } from '@becket-ui/tokens/types';\n\n/**\n * Responsive props — Chakra-aligned, mobile-first (min-width).\n *\n * Prefer **object syntax** with a `base`/`mobile` value (Chakra docs + community\n * best practice). Arrays are supported for parity but are harder to read.\n *\n * @see https://chakra-ui.com/docs/styling/responsive-design\n */\n\n/** Token breakpoints (Panda / Chakra keys). */\nexport type Breakpoint = 'base' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';\n\n/**\n * Semantic aliases for layout in consuming apps.\n * Map onto token breakpoints — do not invent separate media queries.\n */\nexport type SemanticBreakpoint = 'mobile' | 'tablet' | 'desktop' | 'largeDesktop';\n\nexport type BreakpointAlias = Breakpoint | SemanticBreakpoint;\n\n/** Breakpoint-only keys for responsive object props (token + semantic). */\nexport type BreakpointMap<T> = Partial<Record<BreakpointAlias, T>>;\n\n/**\n * Chakra-style responsive value: single value, per-breakpoint object, or array\n * (index 0 = base, 1 = sm, 2 = md, …).\n */\nexport type ResponsiveValue<T> = ConditionalValue<T> | BreakpointMap<T>;\n\nexport const BREAKPOINTS = ['base', 'sm', 'md', 'lg', 'xl', '2xl'] as const satisfies readonly Breakpoint[];\n\nexport const SEMANTIC_BREAKPOINTS = [\n  'mobile',\n  'tablet',\n  'desktop',\n  'largeDesktop',\n] as const satisfies readonly SemanticBreakpoint[];\n\n/** Semantic → token breakpoint (Chakra mobile-first scale). */\nexport const SEMANTIC_TO_BREAKPOINT = {\n  mobile: 'base',\n  tablet: 'md',\n  desktop: 'lg',\n  largeDesktop: 'xl',\n} as const satisfies Record<SemanticBreakpoint, Breakpoint>;\n\n/** Becket-authored spacing steps (Fibonacci + zero). */\nexport const SPACING_SCALE = [0, 1, 2, 3, 5, 8, 13, 21, 34] as const;\n\nexport type SpacingStep = (typeof SPACING_SCALE)[number];\n\n/** Semantic aliases preferred in apps. */\nexport type SpacingSemantic = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xs';\n\n/**\n * Values that show up in IDE autocomplete for `gap` / spacing props.\n * Numeric literals + string keys + semantic tokens.\n * `(string & {})` / `(number & {})` keep IntelliSense while allowing escapes.\n */\nexport type SpacingScale =\n  | SpacingSemantic\n  | SpacingStep\n  | `${SpacingStep}`\n  | (string & {})\n  | (number & {});\n\n/** Gap prop: single value or responsive ConditionalValue. */\nexport type GapValue = ResponsiveValue<SpacingScale>;\n\nexport function isSemanticBreakpoint(key: string): key is SemanticBreakpoint {\n  return (SEMANTIC_BREAKPOINTS as readonly string[]).includes(key);\n}\n\nexport function isTokenBreakpoint(key: string): key is Breakpoint {\n  return (BREAKPOINTS as readonly string[]).includes(key);\n}\n\n/** Resolve `desktop` → `lg`, leave `md` unchanged. */\nexport function resolveBreakpointAlias(key: string): string {\n  if (isSemanticBreakpoint(key)) return SEMANTIC_TO_BREAKPOINT[key];\n  return key;\n}\n\n/**\n * Expand semantic keys in a responsive object to token breakpoints.\n * Token keys already present win (not overwritten by semantic aliases).\n * Non-objects / arrays pass through.\n */\nexport function normalizeResponsiveValue<T>(value: T): T {\n  if (value == null || typeof value !== 'object' || Array.isArray(value)) {\n    return value;\n  }\n  const input = value as Record<string, unknown>;\n  const out: Record<string, unknown> = {};\n\n  // Pass 1: token keys\n  for (const [key, entry] of Object.entries(input)) {\n    if (isTokenBreakpoint(key) || key === 'base') {\n      out[key] = normalizeResponsiveValue(entry);\n    }\n  }\n  // Pass 2: semantic → token if token slot empty\n  for (const [key, entry] of Object.entries(input)) {\n    if (!isSemanticBreakpoint(key)) {\n      if (!isTokenBreakpoint(key) && key !== 'base') {\n        // Unknown keys (e.g. _hover) — keep as-is for Panda\n        out[key] = normalizeResponsiveValue(entry);\n      }\n      continue;\n    }\n    const token = SEMANTIC_TO_BREAKPOINT[key];\n    if (out[token] === undefined) {\n      out[token] = normalizeResponsiveValue(entry);\n    }\n  }\n  return out as T;\n}\n\n/**\n * Coerce gap values so `gap={3}` and `gap=\"3\"` both resolve to token key `\"3\"`.\n * Walks responsive objects/arrays. Leaves semantic tokens unchanged.\n * Expands semantic breakpoint keys (`mobile` → `base`, etc.).\n */\nexport function normalizeGapValue<T>(gap: T): T {\n  if (typeof gap === 'number' && Number.isFinite(gap)) {\n    return String(gap) as T;\n  }\n  if (Array.isArray(gap)) {\n    return gap.map((item) => normalizeGapValue(item)) as T;\n  }\n  if (gap && typeof gap === 'object') {\n    const withBreakpoints = normalizeResponsiveValue(gap) as Record<string, unknown>;\n    const out: Record<string, unknown> = {};\n    for (const [key, value] of Object.entries(withBreakpoints)) {\n      out[key] = normalizeGapValue(value);\n    }\n    return out as T;\n  }\n  return gap;\n}\n"],"mappings":"AA+BO,MAAM,cAAc,CAAC,QAAQ,MAAM,MAAM,MAAM,MAAM,KAAK;AAE1D,MAAM,uBAAuB;AAAA,EAClC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAGO,MAAM,yBAAyB;AAAA,EACpC,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,cAAc;AAChB;AAGO,MAAM,gBAAgB,CAAC,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,IAAI,EAAE;AAsBnD,SAAS,qBAAqB,KAAwC;AAC3E,SAAQ,qBAA2C,SAAS,GAAG;AACjE;AAEO,SAAS,kBAAkB,KAAgC;AAChE,SAAQ,YAAkC,SAAS,GAAG;AACxD;AAGO,SAAS,uBAAuB,KAAqB;AAC1D,MAAI,qBAAqB,GAAG,EAAG,QAAO,uBAAuB,GAAG;AAChE,SAAO;AACT;AAOO,SAAS,yBAA4B,OAAa;AACvD,MAAI,SAAS,QAAQ,OAAO,UAAU,YAAY,MAAM,QAAQ,KAAK,GAAG;AACtE,WAAO;AAAA,EACT;AACA,QAAM,QAAQ;AACd,QAAM,MAA+B,CAAC;AAGtC,aAAW,CAAC,KAAK,KAAK,KAAK,OAAO,QAAQ,KAAK,GAAG;AAChD,QAAI,kBAAkB,GAAG,KAAK,QAAQ,QAAQ;AAC5C,UAAI,GAAG,IAAI,yBAAyB,KAAK;AAAA,IAC3C;AAAA,EACF;AAEA,aAAW,CAAC,KAAK,KAAK,KAAK,OAAO,QAAQ,KAAK,GAAG;AAChD,QAAI,CAAC,qBAAqB,GAAG,GAAG;AAC9B,UAAI,CAAC,kBAAkB,GAAG,KAAK,QAAQ,QAAQ;AAE7C,YAAI,GAAG,IAAI,yBAAyB,KAAK;AAAA,MAC3C;AACA;AAAA,IACF;AACA,UAAM,QAAQ,uBAAuB,GAAG;AACxC,QAAI,IAAI,KAAK,MAAM,QAAW;AAC5B,UAAI,KAAK,IAAI,yBAAyB,KAAK;AAAA,IAC7C;AAAA,EACF;AACA,SAAO;AACT;AAOO,SAAS,kBAAqB,KAAW;AAC9C,MAAI,OAAO,QAAQ,YAAY,OAAO,SAAS,GAAG,GAAG;AACnD,WAAO,OAAO,GAAG;AAAA,EACnB;AACA,MAAI,MAAM,QAAQ,GAAG,GAAG;AACtB,WAAO,IAAI,IAAI,CAAC,SAAS,kBAAkB,IAAI,CAAC;AAAA,EAClD;AACA,MAAI,OAAO,OAAO,QAAQ,UAAU;AAClC,UAAM,kBAAkB,yBAAyB,GAAG;AACpD,UAAM,MAA+B,CAAC;AACtC,eAAW,CAAC,KAAK,KAAK,KAAK,OAAO,QAAQ,eAAe,GAAG;AAC1D,UAAI,GAAG,IAAI,kBAAkB,KAAK;AAAA,IACpC;AACA,WAAO;AAAA,EACT;AACA,SAAO;AACT;","names":[]}

package/dist/helpers/storybookControls.d.ts

@@ -0,0 +1,16 @@
+/** Shared Storybook knob values. ConditionalValue props infer as object controls — always override. */
+export declare const GAP_OPTIONS: readonly ['xs', 'sm', 'md', 'lg', 'xl', '2xs'];
+export declare const FLEX_DIRECTION_OPTIONS: readonly ['row', 'column', 'row-reverse', 'column-reverse'];
+export declare const STACK_DIRECTION_OPTIONS: readonly ['row', 'column'];
+export declare const ALIGN_OPTIONS: readonly ['start', 'center', 'end', 'stretch', 'baseline'];
+export declare const JUSTIFY_OPTIONS: readonly ['start', 'center', 'end', 'between', 'around', 'evenly'];
+export declare const FLEX_WRAP_OPTIONS: readonly ['wrap', 'nowrap', 'wrap-reverse'];
+export declare const FLEX_BASIS_OPTIONS: readonly ['auto', '0', 'full', '8', '13', '21', '34', '1/2', '1/3'];
+export declare const GRADIENT_BORDER_OPTIONS: readonly ['primary', 'secondary', 'neutral'];
+export declare const BREAKPOINT_OPTIONS: readonly ['sm', 'md', 'lg', 'xl', '2xl', 'mobile', 'tablet', 'desktop', 'largeDesktop'];
+export declare function knobs(include: string[]): {
+    controls: {
+        include: string[];
+    };
+};
+//# sourceMappingURL=storybookControls.d.ts.map

package/dist/helpers/storybookControls.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"storybookControls.d.ts","sourceRoot":"","sources":["../../src/helpers/storybookControls.ts"],"names":[],"mappings":"AAAA,uGAAuG;AAEvG,eAAO,MAAM,WAAW,YAAI,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,CAAU,CAAC;AAE1E,eAAO,MAAM,sBAAsB,YACjC,KAAK,EACL,QAAQ,EACR,aAAa,EACb,gBAAgB,CACR,CAAC;AAEX,eAAO,MAAM,uBAAuB,YAAI,KAAK,EAAE,QAAQ,CAAU,CAAC;AAElE,eAAO,MAAM,aAAa,YAAI,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,SAAS,EAAE,UAAU,CAAU,CAAC;AAExF,eAAO,MAAM,eAAe,YAAI,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,CAAU,CAAC;AAElG,eAAO,MAAM,iBAAiB,YAAI,MAAM,EAAE,QAAQ,EAAE,cAAc,CAAU,CAAC;AAE7E,eAAO,MAAM,kBAAkB,YAAI,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,CAAU,CAAC;AAEtG,eAAO,MAAM,uBAAuB,YAAI,SAAS,EAAE,WAAW,EAAE,SAAS,CAAU,CAAC;AAEpF,eAAO,MAAM,kBAAkB,YAC7B,IAAI,EACJ,IAAI,EACJ,IAAI,EACJ,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,cAAc,CACN,CAAC;AAEX,wBAAgB,KAAK,CAAC,OAAO,EAAE,MAAM,EAAE;;;;EAEtC"}

package/dist/helpers/storybookControls.js

@@ -0,0 +1,40 @@
+const GAP_OPTIONS = ["xs", "sm", "md", "lg", "xl", "2xs"];
+const FLEX_DIRECTION_OPTIONS = [
+  "row",
+  "column",
+  "row-reverse",
+  "column-reverse"
+];
+const STACK_DIRECTION_OPTIONS = ["row", "column"];
+const ALIGN_OPTIONS = ["start", "center", "end", "stretch", "baseline"];
+const JUSTIFY_OPTIONS = ["start", "center", "end", "between", "around", "evenly"];
+const FLEX_WRAP_OPTIONS = ["wrap", "nowrap", "wrap-reverse"];
+const FLEX_BASIS_OPTIONS = ["auto", "0", "full", "8", "13", "21", "34", "1/2", "1/3"];
+const GRADIENT_BORDER_OPTIONS = ["primary", "secondary", "neutral"];
+const BREAKPOINT_OPTIONS = [
+  "sm",
+  "md",
+  "lg",
+  "xl",
+  "2xl",
+  "mobile",
+  "tablet",
+  "desktop",
+  "largeDesktop"
+];
+function knobs(include) {
+  return { controls: { include } };
+}
+export {
+  ALIGN_OPTIONS,
+  BREAKPOINT_OPTIONS,
+  FLEX_BASIS_OPTIONS,
+  FLEX_DIRECTION_OPTIONS,
+  FLEX_WRAP_OPTIONS,
+  GAP_OPTIONS,
+  GRADIENT_BORDER_OPTIONS,
+  JUSTIFY_OPTIONS,
+  STACK_DIRECTION_OPTIONS,
+  knobs
+};
+//# sourceMappingURL=storybookControls.js.map

package/dist/helpers/storybookControls.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/helpers/storybookControls.ts"],"sourcesContent":["/** Shared Storybook knob values. ConditionalValue props infer as object controls — always override. */\n\nexport const GAP_OPTIONS = ['xs', 'sm', 'md', 'lg', 'xl', '2xs'] as const;\n\nexport const FLEX_DIRECTION_OPTIONS = [\n  'row',\n  'column',\n  'row-reverse',\n  'column-reverse',\n] as const;\n\nexport const STACK_DIRECTION_OPTIONS = ['row', 'column'] as const;\n\nexport const ALIGN_OPTIONS = ['start', 'center', 'end', 'stretch', 'baseline'] as const;\n\nexport const JUSTIFY_OPTIONS = ['start', 'center', 'end', 'between', 'around', 'evenly'] as const;\n\nexport const FLEX_WRAP_OPTIONS = ['wrap', 'nowrap', 'wrap-reverse'] as const;\n\nexport const FLEX_BASIS_OPTIONS = ['auto', '0', 'full', '8', '13', '21', '34', '1/2', '1/3'] as const;\n\nexport const GRADIENT_BORDER_OPTIONS = ['primary', 'secondary', 'neutral'] as const;\n\nexport const BREAKPOINT_OPTIONS = [\n  'sm',\n  'md',\n  'lg',\n  'xl',\n  '2xl',\n  'mobile',\n  'tablet',\n  'desktop',\n  'largeDesktop',\n] as const;\n\nexport function knobs(include: string[]) {\n  return { controls: { include } };\n}\n"],"mappings":"AAEO,MAAM,cAAc,CAAC,MAAM,MAAM,MAAM,MAAM,MAAM,KAAK;AAExD,MAAM,yBAAyB;AAAA,EACpC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEO,MAAM,0BAA0B,CAAC,OAAO,QAAQ;AAEhD,MAAM,gBAAgB,CAAC,SAAS,UAAU,OAAO,WAAW,UAAU;AAEtE,MAAM,kBAAkB,CAAC,SAAS,UAAU,OAAO,WAAW,UAAU,QAAQ;AAEhF,MAAM,oBAAoB,CAAC,QAAQ,UAAU,cAAc;AAE3D,MAAM,qBAAqB,CAAC,QAAQ,KAAK,QAAQ,KAAK,MAAM,MAAM,MAAM,OAAO,KAAK;AAEpF,MAAM,0BAA0B,CAAC,WAAW,aAAa,SAAS;AAElE,MAAM,qBAAqB;AAAA,EAChC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEO,SAAS,MAAM,SAAmB;AACvC,SAAO,EAAE,UAAU,EAAE,QAAQ,EAAE;AACjC;","names":[]}

package/dist/index.d.ts

@@ -0,0 +1,35 @@
+export { Button } from './components/Button';
+export { Heading } from './components/Heading';
+export { Text } from './components/Text';
+export { Flex } from './components/Flex';
+export { Stack, HStack, VStack } from './components/Stack';
+export { Tag } from './components/Tag';
+export { Badge } from './components/Badge';
+export { Switch } from './components/Switch';
+export type { SwitchProps } from './components/Switch';
+export { Field, FieldLabel, FieldHelper, FieldError, FieldControl, FieldSelect, FieldTextarea, useField, } from './components/Field';
+export type { FieldSize, FieldContextValue } from './components/Field';
+export { TextField } from './components/TextField';
+export { Checkbox } from './components/Checkbox';
+export { Radio, RadioGroup } from './components/Radio';
+export type { RadioProps, RadioGroupProps } from './components/Radio';
+export { Select } from './components/Select';
+export { Textarea } from './components/Textarea';
+export { Card, CardHeader, CardBody, CardFooter, CardTitle, CardDescription, } from './components/Card';
+export { SimpleGrid } from './components/SimpleGrid';
+export { Hide } from './components/Hide';
+export type { HideProps } from './components/Hide';
+export { Tooltip } from './components/Tooltip';
+export type { TooltipPlacement, TooltipProps } from './components/Tooltip';
+export { Dialog, DialogHeader, DialogBody, DialogFooter, DialogTitle, DialogClose, } from './components/Dialog';
+export { Drawer, DrawerHeader, DrawerBody, DrawerFooter, DrawerTitle, DrawerClose, } from './components/Drawer';
+export { Menu, MenuItem } from './components/Menu';
+export { Tabs, TabList, Tab, TabPanel } from './components/Tabs';
+export { Table, TableCaption, TableHeader, TableBody, TableFooter, TableRow, TableColumnHeader, TableCell, Thead, Tbody, Tfoot, Tr, Th, Td, } from './components/Table';
+export { Spinner } from './components/Spinner';
+export { Link } from './components/Link';
+export { Separator } from './components/Separator';
+export type { LabelCustomColors, LabelVisual } from './helpers/labelColors';
+export type { Breakpoint, BreakpointAlias, BreakpointMap, ResponsiveValue, GapValue, SpacingScale, SpacingStep, SpacingSemantic, SemanticBreakpoint, } from './helpers/responsive';
+export { BREAKPOINTS, SEMANTIC_BREAKPOINTS, SEMANTIC_TO_BREAKPOINT, SPACING_SCALE, normalizeResponsiveValue, normalizeGapValue, resolveBreakpointAlias, } from './helpers/responsive';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}

package/dist/index.js

@@ -0,0 +1,158 @@
+import { Button } from "./components/Button";
+import { Heading } from "./components/Heading";
+import { Text } from "./components/Text";
+import { Flex } from "./components/Flex";
+import { Stack, HStack, VStack } from "./components/Stack";
+import { Tag } from "./components/Tag";
+import { Badge } from "./components/Badge";
+import { Switch } from "./components/Switch";
+import {
+  Field,
+  FieldLabel,
+  FieldHelper,
+  FieldError,
+  FieldControl,
+  FieldSelect,
+  FieldTextarea,
+  useField
+} from "./components/Field";
+import { TextField } from "./components/TextField";
+import { Checkbox } from "./components/Checkbox";
+import { Radio, RadioGroup } from "./components/Radio";
+import { Select } from "./components/Select";
+import { Textarea } from "./components/Textarea";
+import {
+  Card,
+  CardHeader,
+  CardBody,
+  CardFooter,
+  CardTitle,
+  CardDescription
+} from "./components/Card";
+import { SimpleGrid } from "./components/SimpleGrid";
+import { Hide } from "./components/Hide";
+import { Tooltip } from "./components/Tooltip";
+import {
+  Dialog,
+  DialogHeader,
+  DialogBody,
+  DialogFooter,
+  DialogTitle,
+  DialogClose
+} from "./components/Dialog";
+import {
+  Drawer,
+  DrawerHeader,
+  DrawerBody,
+  DrawerFooter,
+  DrawerTitle,
+  DrawerClose
+} from "./components/Drawer";
+import { Menu, MenuItem } from "./components/Menu";
+import { Tabs, TabList, Tab, TabPanel } from "./components/Tabs";
+import {
+  Table,
+  TableCaption,
+  TableHeader,
+  TableBody,
+  TableFooter,
+  TableRow,
+  TableColumnHeader,
+  TableCell,
+  Thead,
+  Tbody,
+  Tfoot,
+  Tr,
+  Th,
+  Td
+} from "./components/Table";
+import { Spinner } from "./components/Spinner";
+import { Link } from "./components/Link";
+import { Separator } from "./components/Separator";
+import {
+  BREAKPOINTS,
+  SEMANTIC_BREAKPOINTS,
+  SEMANTIC_TO_BREAKPOINT,
+  SPACING_SCALE,
+  normalizeResponsiveValue,
+  normalizeGapValue,
+  resolveBreakpointAlias
+} from "./helpers/responsive";
+export {
+  BREAKPOINTS,
+  Badge,
+  Button,
+  Card,
+  CardBody,
+  CardDescription,
+  CardFooter,
+  CardHeader,
+  CardTitle,
+  Checkbox,
+  Dialog,
+  DialogBody,
+  DialogClose,
+  DialogFooter,
+  DialogHeader,
+  DialogTitle,
+  Drawer,
+  DrawerBody,
+  DrawerClose,
+  DrawerFooter,
+  DrawerHeader,
+  DrawerTitle,
+  Field,
+  FieldControl,
+  FieldError,
+  FieldHelper,
+  FieldLabel,
+  FieldSelect,
+  FieldTextarea,
+  Flex,
+  HStack,
+  Heading,
+  Hide,
+  Link,
+  Menu,
+  MenuItem,
+  Radio,
+  RadioGroup,
+  SEMANTIC_BREAKPOINTS,
+  SEMANTIC_TO_BREAKPOINT,
+  SPACING_SCALE,
+  Select,
+  Separator,
+  SimpleGrid,
+  Spinner,
+  Stack,
+  Switch,
+  Tab,
+  TabList,
+  TabPanel,
+  Table,
+  TableBody,
+  TableCaption,
+  TableCell,
+  TableColumnHeader,
+  TableFooter,
+  TableHeader,
+  TableRow,
+  Tabs,
+  Tag,
+  Tbody,
+  Td,
+  Text,
+  TextField,
+  Textarea,
+  Tfoot,
+  Th,
+  Thead,
+  Tooltip,
+  Tr,
+  VStack,
+  normalizeGapValue,
+  normalizeResponsiveValue,
+  resolveBreakpointAlias,
+  useField
+};
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.ts"],"sourcesContent":["export { Button } from './components/Button';\nexport { Heading } from './components/Heading';\nexport { Text } from './components/Text';\nexport { Flex } from './components/Flex';\nexport { Stack, HStack, VStack } from './components/Stack';\nexport { Tag } from './components/Tag';\nexport { Badge } from './components/Badge';\nexport { Switch } from './components/Switch';\nexport type { SwitchProps } from './components/Switch';\nexport {\n  Field,\n  FieldLabel,\n  FieldHelper,\n  FieldError,\n  FieldControl,\n  FieldSelect,\n  FieldTextarea,\n  useField,\n} from './components/Field';\nexport type { FieldSize, FieldContextValue } from './components/Field';\nexport { TextField } from './components/TextField';\nexport { Checkbox } from './components/Checkbox';\nexport { Radio, RadioGroup } from './components/Radio';\nexport type { RadioProps, RadioGroupProps } from './components/Radio';\nexport { Select } from './components/Select';\nexport { Textarea } from './components/Textarea';\nexport {\n  Card,\n  CardHeader,\n  CardBody,\n  CardFooter,\n  CardTitle,\n  CardDescription,\n} from './components/Card';\nexport { SimpleGrid } from './components/SimpleGrid';\nexport { Hide } from './components/Hide';\nexport type { HideProps } from './components/Hide';\nexport { Tooltip } from './components/Tooltip';\nexport type { TooltipPlacement, TooltipProps } from './components/Tooltip';\nexport {\n  Dialog,\n  DialogHeader,\n  DialogBody,\n  DialogFooter,\n  DialogTitle,\n  DialogClose,\n} from './components/Dialog';\nexport {\n  Drawer,\n  DrawerHeader,\n  DrawerBody,\n  DrawerFooter,\n  DrawerTitle,\n  DrawerClose,\n} from './components/Drawer';\nexport { Menu, MenuItem } from './components/Menu';\nexport { Tabs, TabList, Tab, TabPanel } from './components/Tabs';\nexport {\n  Table,\n  TableCaption,\n  TableHeader,\n  TableBody,\n  TableFooter,\n  TableRow,\n  TableColumnHeader,\n  TableCell,\n  Thead,\n  Tbody,\n  Tfoot,\n  Tr,\n  Th,\n  Td,\n} from './components/Table';\nexport { Spinner } from './components/Spinner';\nexport { Link } from './components/Link';\nexport { Separator } from './components/Separator';\nexport type { LabelCustomColors, LabelVisual } from './helpers/labelColors';\nexport type {\n  Breakpoint,\n  BreakpointAlias,\n  BreakpointMap,\n  ResponsiveValue,\n  GapValue,\n  SpacingScale,\n  SpacingStep,\n  SpacingSemantic,\n  SemanticBreakpoint,\n} from './helpers/responsive';\nexport {\n  BREAKPOINTS,\n  SEMANTIC_BREAKPOINTS,\n  SEMANTIC_TO_BREAKPOINT,\n  SPACING_SCALE,\n  normalizeResponsiveValue,\n  normalizeGapValue,\n  resolveBreakpointAlias,\n} from './helpers/responsive';\n"],"mappings":"AAAA,SAAS,cAAc;AACvB,SAAS,eAAe;AACxB,SAAS,YAAY;AACrB,SAAS,YAAY;AACrB,SAAS,OAAO,QAAQ,cAAc;AACtC,SAAS,WAAW;AACpB,SAAS,aAAa;AACtB,SAAS,cAAc;AAEvB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,SAAS,iBAAiB;AAC1B,SAAS,gBAAgB;AACzB,SAAS,OAAO,kBAAkB;AAElC,SAAS,cAAc;AACvB,SAAS,gBAAgB;AACzB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,kBAAkB;AAC3B,SAAS,YAAY;AAErB,SAAS,eAAe;AAExB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,MAAM,gBAAgB;AAC/B,SAAS,MAAM,SAAS,KAAK,gBAAgB;AAC7C;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,eAAe;AACxB,SAAS,YAAY;AACrB,SAAS,iBAAiB;AAa1B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;","names":[]}

package/package.json

@@ -0,0 +1,79 @@
+{
+  "name": "@becket-ui/react",
+  "version": "0.1.0",
+  "description": "Becket React component library",
+  "type": "module",
+  "license": "MIT",
+  "author": "Kolmena de Software",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/kolmenadev/becket-ui.git",
+    "directory": "packages/react"
+  },
+  "homepage": "https://github.com/kolmenadev/becket-ui#readme",
+  "bugs": {
+    "url": "https://github.com/kolmenadev/becket-ui/issues"
+  },
+  "keywords": [
+    "react",
+    "design-system",
+    "components",
+    "panda-css"
+  ],
+  "main": "./src/index.ts",
+  "types": "./src/index.ts",
+  "sideEffects": false,
+  "files": [
+    "dist"
+  ],
+  "exports": {
+    ".": {
+      "types": "./src/index.ts",
+      "import": "./src/index.ts",
+      "default": "./src/index.ts"
+    }
+  },
+  "publishConfig": {
+    "access": "public",
+    "main": "./dist/index.js",
+    "types": "./dist/index.d.ts",
+    "exports": {
+      ".": {
+        "types": "./dist/index.d.ts",
+        "import": "./dist/index.js",
+        "default": "./dist/index.js"
+      }
+    }
+  },
+  "scripts": {
+    "build": "tsup && tsc --emitDeclarationOnly -p tsconfig.build.json",
+    "prepack": "pnpm build",
+    "test": "vitest run",
+    "storybook": "storybook dev -p 6006 -c ../../apps/docs/.storybook --project-root ../../apps/docs",
+    "build-storybook": "storybook build -c ../../apps/docs/.storybook --project-root ../../apps/docs"
+  },
+  "peerDependencies": {
+    "@becket-ui/tokens": "^0.1.0",
+    "react": ">=19",
+    "react-dom": ">=19"
+  },
+  "devDependencies": {
+    "@becket-ui/a11y": "workspace:*",
+    "@becket-ui/tokens": "workspace:*",
+    "@pandacss/dev": "^1.12.1",
+    "@storybook/react": "^10.6.0",
+    "@storybook/react-vite": "^10.6.0",
+    "@testing-library/react": "^16.3.0",
+    "@testing-library/user-event": "^14.6.1",
+    "@types/node": "^22.18.0",
+    "@types/react": "^19.3.0",
+    "@types/react-dom": "^19.3.0",
+    "jsdom": "^26.1.0",
+    "react": "19.3.0",
+    "react-dom": "19.3.0",
+    "tsup": "^8.5.1",
+    "typescript": "7.0.2",
+    "vite": "^8.3.0",
+    "vitest": "^5.0.0"
+  }
+}