@becket-ui/react 0.1.0

package/dist/components/Tabs.js

@@ -0,0 +1,140 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import {
+  createContext,
+  forwardRef,
+  useContext,
+  useId,
+  useMemo,
+  useState
+} from "react";
+import { tabs as tabsRecipe } from "@becket-ui/tokens/recipes";
+const TabsContext = createContext(null);
+function useTabs() {
+  const ctx = useContext(TabsContext);
+  if (!ctx) {
+    throw new Error("Tabs parts must be used within Tabs");
+  }
+  return ctx;
+}
+function mergeClassName(...classes) {
+  return classes.filter(Boolean).join(" ");
+}
+const Tabs = forwardRef(
+  ({ value, defaultValue, onValueChange, className, children, ...props }, ref) => {
+    const isControlled = value !== void 0;
+    const [uncontrolled, setUncontrolled] = useState(defaultValue);
+    const selected = isControlled ? value : uncontrolled;
+    const baseId = useId();
+    const styles = tabsRecipe();
+    const setValue = (next) => {
+      if (!isControlled) setUncontrolled(next);
+      onValueChange?.(next);
+    };
+    const ctx = useMemo(
+      () => ({ value: selected, setValue, baseId }),
+      [baseId, selected]
+    );
+    return /* @__PURE__ */ jsx(TabsContext.Provider, { value: ctx, children: /* @__PURE__ */ jsx("div", { ref, ...props, className: mergeClassName(styles.root, className), children }) });
+  }
+);
+Tabs.displayName = "Tabs";
+const TabList = forwardRef(
+  ({ className, onKeyDown, ...props }, ref) => {
+    const styles = tabsRecipe();
+    const onListKeyDown = (event) => {
+      onKeyDown?.(event);
+      if (event.defaultPrevented) return;
+      const tabs = [
+        ...event.currentTarget.querySelectorAll('[role="tab"]:not([disabled])')
+      ];
+      if (tabs.length === 0) return;
+      const index = tabs.findIndex((tab) => tab === document.activeElement);
+      const focusTab = (nextIndex) => {
+        const next = tabs[(nextIndex + tabs.length) % tabs.length];
+        next?.focus();
+        next?.click();
+      };
+      if (event.key === "Home") {
+        event.preventDefault();
+        focusTab(0);
+        return;
+      }
+      if (event.key === "End") {
+        event.preventDefault();
+        focusTab(tabs.length - 1);
+        return;
+      }
+      if (event.key !== "ArrowRight" && event.key !== "ArrowLeft") return;
+      event.preventDefault();
+      const delta = event.key === "ArrowRight" ? 1 : -1;
+      focusTab(index < 0 ? 0 : index + delta);
+    };
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref,
+        role: "tablist",
+        ...props,
+        "aria-orientation": "horizontal",
+        className: mergeClassName(styles.list, className),
+        onKeyDown: onListKeyDown
+      }
+    );
+  }
+);
+TabList.displayName = "TabList";
+const Tab = forwardRef(
+  ({ value, className, type = "button", ...props }, ref) => {
+    const { value: selected, setValue, baseId } = useTabs();
+    const styles = tabsRecipe();
+    const selectedNow = selected === value;
+    return /* @__PURE__ */ jsx(
+      "button",
+      {
+        ref,
+        type,
+        role: "tab",
+        id: `${baseId}-tab-${value}`,
+        "aria-selected": selectedNow,
+        "aria-controls": `${baseId}-panel-${value}`,
+        tabIndex: selectedNow ? 0 : -1,
+        ...props,
+        className: mergeClassName(styles.tab, className),
+        onClick: (event) => {
+          props.onClick?.(event);
+          if (!event.defaultPrevented) setValue(value);
+        }
+      }
+    );
+  }
+);
+Tab.displayName = "Tab";
+const TabPanel = forwardRef(
+  ({ value, className, children, ...props }, ref) => {
+    const { value: selected, baseId } = useTabs();
+    const styles = tabsRecipe();
+    if (selected !== value) return null;
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref,
+        role: "tabpanel",
+        id: `${baseId}-panel-${value}`,
+        "aria-labelledby": `${baseId}-tab-${value}`,
+        tabIndex: 0,
+        ...props,
+        className: mergeClassName(styles.panel, className),
+        children
+      }
+    );
+  }
+);
+TabPanel.displayName = "TabPanel";
+export {
+  Tab,
+  TabList,
+  TabPanel,
+  Tabs
+};
+//# sourceMappingURL=Tabs.js.map

package/dist/components/Tabs.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/Tabs.tsx"],"sourcesContent":["'use client';\n\nimport {\n  createContext,\n  forwardRef,\n  useContext,\n  useId,\n  useMemo,\n  useState,\n  type ButtonHTMLAttributes,\n  type ComponentPropsWithoutRef,\n  type KeyboardEvent,\n  type ReactNode,\n} from 'react';\nimport { tabs as tabsRecipe } from '@becket-ui/tokens/recipes';\n\ntype TabsContextValue = {\n  value: string;\n  setValue: (value: string) => void;\n  baseId: string;\n};\n\nconst TabsContext = createContext<TabsContextValue | null>(null);\n\nfunction useTabs() {\n  const ctx = useContext(TabsContext);\n  if (!ctx) {\n    throw new Error('Tabs parts must be used within Tabs');\n  }\n  return ctx;\n}\n\nfunction mergeClassName(...classes: (string | undefined)[]): string {\n  return classes.filter(Boolean).join(' ');\n}\n\nexport type TabsProps = ComponentPropsWithoutRef<'div'> & {\n  value?: string;\n  defaultValue: string;\n  onValueChange?: (value: string) => void;\n  children?: ReactNode;\n};\n\nexport const Tabs = forwardRef<HTMLDivElement, TabsProps>(\n  ({ value, defaultValue, onValueChange, className, children, ...props }, ref) => {\n    const isControlled = value !== undefined;\n    const [uncontrolled, setUncontrolled] = useState(defaultValue);\n    const selected = isControlled ? value : uncontrolled;\n    const baseId = useId();\n    const styles = tabsRecipe();\n\n    const setValue = (next: string) => {\n      if (!isControlled) setUncontrolled(next);\n      onValueChange?.(next);\n    };\n\n    const ctx = useMemo(\n      () => ({ value: selected, setValue, baseId }),\n      [baseId, selected],\n    );\n\n    return (\n      <TabsContext.Provider value={ctx}>\n        <div ref={ref} {...props} className={mergeClassName(styles.root, className)}>\n          {children}\n        </div>\n      </TabsContext.Provider>\n    );\n  },\n);\n\nTabs.displayName = 'Tabs';\n\nexport const TabList = forwardRef<HTMLDivElement, ComponentPropsWithoutRef<'div'>>(\n  ({ className, onKeyDown, ...props }, ref) => {\n    const styles = tabsRecipe();\n\n    const onListKeyDown = (event: KeyboardEvent<HTMLDivElement>) => {\n      onKeyDown?.(event);\n      if (event.defaultPrevented) return;\n      const tabs = [\n        ...event.currentTarget.querySelectorAll<HTMLButtonElement>('[role=\"tab\"]:not([disabled])'),\n      ];\n      if (tabs.length === 0) return;\n      const index = tabs.findIndex((tab) => tab === document.activeElement);\n      const focusTab = (nextIndex: number) => {\n        const next = tabs[(nextIndex + tabs.length) % tabs.length];\n        next?.focus();\n        next?.click();\n      };\n      if (event.key === 'Home') {\n        event.preventDefault();\n        focusTab(0);\n        return;\n      }\n      if (event.key === 'End') {\n        event.preventDefault();\n        focusTab(tabs.length - 1);\n        return;\n      }\n      if (event.key !== 'ArrowRight' && event.key !== 'ArrowLeft') return;\n      event.preventDefault();\n      const delta = event.key === 'ArrowRight' ? 1 : -1;\n      focusTab(index < 0 ? 0 : index + delta);\n    };\n\n    return (\n      <div\n        ref={ref}\n        role=\"tablist\"\n        {...props}\n        aria-orientation=\"horizontal\"\n        className={mergeClassName(styles.list, className)}\n        onKeyDown={onListKeyDown}\n      />\n    );\n  },\n);\n\nTabList.displayName = 'TabList';\n\ntype TabProps = ButtonHTMLAttributes<HTMLButtonElement> & {\n  value: string;\n};\n\nexport const Tab = forwardRef<HTMLButtonElement, TabProps>(\n  ({ value, className, type = 'button', ...props }, ref) => {\n    const { value: selected, setValue, baseId } = useTabs();\n    const styles = tabsRecipe();\n    const selectedNow = selected === value;\n    return (\n      <button\n        ref={ref}\n        type={type}\n        role=\"tab\"\n        id={`${baseId}-tab-${value}`}\n        aria-selected={selectedNow}\n        aria-controls={`${baseId}-panel-${value}`}\n        tabIndex={selectedNow ? 0 : -1}\n        {...props}\n        className={mergeClassName(styles.tab, className)}\n        onClick={(event) => {\n          props.onClick?.(event);\n          if (!event.defaultPrevented) setValue(value);\n        }}\n      />\n    );\n  },\n);\n\nTab.displayName = 'Tab';\n\ntype TabPanelProps = ComponentPropsWithoutRef<'div'> & {\n  value: string;\n};\n\nexport const TabPanel = forwardRef<HTMLDivElement, TabPanelProps>(\n  ({ value, className, children, ...props }, ref) => {\n    const { value: selected, baseId } = useTabs();\n    const styles = tabsRecipe();\n    if (selected !== value) return null;\n    return (\n      <div\n        ref={ref}\n        role=\"tabpanel\"\n        id={`${baseId}-panel-${value}`}\n        aria-labelledby={`${baseId}-tab-${value}`}\n        tabIndex={0}\n        {...props}\n        className={mergeClassName(styles.panel, className)}\n      >\n        {children}\n      </div>\n    );\n  },\n);\n\nTabPanel.displayName = 'TabPanel';\n"],"mappings":"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","names":[]}

package/dist/components/Tabs.test.js

@@ -0,0 +1,41 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { describe, expect, it } from "vitest";
+import { render, screen } from "@testing-library/react";
+import userEvent from "@testing-library/user-event";
+import { assertNoAxeViolations } from "@becket-ui/a11y";
+import { Tab, TabList, TabPanel, Tabs } from "./Tabs";
+function DemoTabs() {
+  return /* @__PURE__ */ jsxs(Tabs, { defaultValue: "one", children: [
+    /* @__PURE__ */ jsxs(TabList, { children: [
+      /* @__PURE__ */ jsx(Tab, { value: "one", children: "Overview" }),
+      /* @__PURE__ */ jsx(Tab, { value: "two", children: "Activity" }),
+      /* @__PURE__ */ jsx(Tab, { value: "three", disabled: true, children: "Disabled" })
+    ] }),
+    /* @__PURE__ */ jsx(TabPanel, { value: "one", children: "First panel." }),
+    /* @__PURE__ */ jsx(TabPanel, { value: "two", children: "Second panel." }),
+    /* @__PURE__ */ jsx(TabPanel, { value: "three", children: "Hidden." })
+  ] });
+}
+describe("Tabs", () => {
+  it("sets horizontal orientation", () => {
+    render(/* @__PURE__ */ jsx(DemoTabs, {}));
+    expect(screen.getByRole("tablist").getAttribute("aria-orientation")).toBe("horizontal");
+  });
+  it("moves to first and last enabled tab with Home and End", async () => {
+    const user = userEvent.setup();
+    render(/* @__PURE__ */ jsx(DemoTabs, {}));
+    screen.getByRole("tab", { name: "Overview" }).focus();
+    await user.keyboard("{End}");
+    expect(document.activeElement).toBe(screen.getByRole("tab", { name: "Activity" }));
+    expect(screen.getByRole("tab", { name: "Activity" }).getAttribute("aria-selected")).toBe("true");
+    await user.keyboard("{Home}");
+    expect(document.activeElement).toBe(screen.getByRole("tab", { name: "Overview" }));
+    await user.keyboard("{ArrowRight}");
+    expect(document.activeElement).toBe(screen.getByRole("tab", { name: "Activity" }));
+  });
+  it("has no axe violations", async () => {
+    const { container } = render(/* @__PURE__ */ jsx(DemoTabs, {}));
+    await assertNoAxeViolations(container);
+  });
+});
+//# sourceMappingURL=Tabs.test.js.map

package/dist/components/Tabs.test.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/Tabs.test.tsx"],"sourcesContent":["import { describe, expect, it } from 'vitest';\nimport { render, screen } from '@testing-library/react';\nimport userEvent from '@testing-library/user-event';\nimport { assertNoAxeViolations } from '@becket-ui/a11y';\n\nimport { Tab, TabList, TabPanel, Tabs } from './Tabs';\n\nfunction DemoTabs() {\n  return (\n    <Tabs defaultValue=\"one\">\n      <TabList>\n        <Tab value=\"one\">Overview</Tab>\n        <Tab value=\"two\">Activity</Tab>\n        <Tab value=\"three\" disabled>\n          Disabled\n        </Tab>\n      </TabList>\n      <TabPanel value=\"one\">First panel.</TabPanel>\n      <TabPanel value=\"two\">Second panel.</TabPanel>\n      <TabPanel value=\"three\">Hidden.</TabPanel>\n    </Tabs>\n  );\n}\n\ndescribe('Tabs', () => {\n  it('sets horizontal orientation', () => {\n    render(<DemoTabs />);\n    expect(screen.getByRole('tablist').getAttribute('aria-orientation')).toBe('horizontal');\n  });\n\n  it('moves to first and last enabled tab with Home and End', async () => {\n    const user = userEvent.setup();\n    render(<DemoTabs />);\n    screen.getByRole('tab', { name: 'Overview' }).focus();\n    await user.keyboard('{End}');\n    expect(document.activeElement).toBe(screen.getByRole('tab', { name: 'Activity' }));\n    expect(screen.getByRole('tab', { name: 'Activity' }).getAttribute('aria-selected')).toBe('true');\n    await user.keyboard('{Home}');\n    expect(document.activeElement).toBe(screen.getByRole('tab', { name: 'Overview' }));\n    await user.keyboard('{ArrowRight}');\n    expect(document.activeElement).toBe(screen.getByRole('tab', { name: 'Activity' }));\n  });\n\n  it('has no axe violations', async () => {\n    const { container } = render(<DemoTabs />);\n    await assertNoAxeViolations(container);\n  });\n});\n"],"mappings":"AAUM,SACE,KADF;AAVN,SAAS,UAAU,QAAQ,UAAU;AACrC,SAAS,QAAQ,cAAc;AAC/B,OAAO,eAAe;AACtB,SAAS,6BAA6B;AAEtC,SAAS,KAAK,SAAS,UAAU,YAAY;AAE7C,SAAS,WAAW;AAClB,SACE,qBAAC,QAAK,cAAa,OACjB;AAAA,yBAAC,WACC;AAAA,0BAAC,OAAI,OAAM,OAAM,sBAAQ;AAAA,MACzB,oBAAC,OAAI,OAAM,OAAM,sBAAQ;AAAA,MACzB,oBAAC,OAAI,OAAM,SAAQ,UAAQ,MAAC,sBAE5B;AAAA,OACF;AAAA,IACA,oBAAC,YAAS,OAAM,OAAM,0BAAY;AAAA,IAClC,oBAAC,YAAS,OAAM,OAAM,2BAAa;AAAA,IACnC,oBAAC,YAAS,OAAM,SAAQ,qBAAO;AAAA,KACjC;AAEJ;AAEA,SAAS,QAAQ,MAAM;AACrB,KAAG,+BAA+B,MAAM;AACtC,WAAO,oBAAC,YAAS,CAAE;AACnB,WAAO,OAAO,UAAU,SAAS,EAAE,aAAa,kBAAkB,CAAC,EAAE,KAAK,YAAY;AAAA,EACxF,CAAC;AAED,KAAG,yDAAyD,YAAY;AACtE,UAAM,OAAO,UAAU,MAAM;AAC7B,WAAO,oBAAC,YAAS,CAAE;AACnB,WAAO,UAAU,OAAO,EAAE,MAAM,WAAW,CAAC,EAAE,MAAM;AACpD,UAAM,KAAK,SAAS,OAAO;AAC3B,WAAO,SAAS,aAAa,EAAE,KAAK,OAAO,UAAU,OAAO,EAAE,MAAM,WAAW,CAAC,CAAC;AACjF,WAAO,OAAO,UAAU,OAAO,EAAE,MAAM,WAAW,CAAC,EAAE,aAAa,eAAe,CAAC,EAAE,KAAK,MAAM;AAC/F,UAAM,KAAK,SAAS,QAAQ;AAC5B,WAAO,SAAS,aAAa,EAAE,KAAK,OAAO,UAAU,OAAO,EAAE,MAAM,WAAW,CAAC,CAAC;AACjF,UAAM,KAAK,SAAS,cAAc;AAClC,WAAO,SAAS,aAAa,EAAE,KAAK,OAAO,UAAU,OAAO,EAAE,MAAM,WAAW,CAAC,CAAC;AAAA,EACnF,CAAC;AAED,KAAG,yBAAyB,YAAY;AACtC,UAAM,EAAE,UAAU,IAAI,OAAO,oBAAC,YAAS,CAAE;AACzC,UAAM,sBAAsB,SAAS;AAAA,EACvC,CAAC;AACH,CAAC;","names":[]}

package/dist/components/Tag.d.ts

@@ -0,0 +1,22 @@
+import { type ComponentPropsWithoutRef, type ElementType } from 'react';
+import { type LabelCustomColors, type LabelVisual } from '../helpers/labelColors';
+type TagSize = 'sm' | 'md' | 'lg';
+type TagBorderRadius = 'none' | 'sm' | 'md' | 'lg' | 'xl' | 'full';
+export type TagProps = ComponentPropsWithoutRef<'span'> & {
+    size?: TagSize;
+    visual?: LabelVisual;
+    borderRadius?: TagBorderRadius;
+    withGradient?: boolean;
+    customColors?: LabelCustomColors;
+    as?: ElementType;
+};
+export declare const Tag: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
+    size?: TagSize;
+    visual?: LabelVisual;
+    borderRadius?: TagBorderRadius;
+    withGradient?: boolean;
+    customColors?: LabelCustomColors;
+    as?: ElementType;
+} & import("react").RefAttributes<HTMLSpanElement>>;
+export type { LabelCustomColors, LabelVisual };
+//# sourceMappingURL=Tag.d.ts.map

package/dist/components/Tag.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tag.d.ts","sourceRoot":"","sources":["../../src/components/Tag.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,wBAAwB,EAAE,KAAK,WAAW,EAAE,MAAM,OAAO,CAAC;AAGpF,OAAO,EAEL,KAAK,iBAAiB,EACtB,KAAK,WAAW,EACjB,MAAM,wBAAwB,CAAC;AAEhC,KAAK,OAAO,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAClC,KAAK,eAAe,GAAG,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAC;AAEnE,MAAM,MAAM,QAAQ,GAAG,wBAAwB,CAAC,MAAM,CAAC,GAAG;IACxD,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,YAAY,CAAC,EAAE,eAAe,CAAC;IAC/B,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,YAAY,CAAC,EAAE,iBAAiB,CAAC;IACjC,EAAE,CAAC,EAAE,WAAW,CAAC;CAClB,CAAC;AAMF,eAAO,MAAM,GAAG;WAZP,OAAO;aACL,WAAW;mBACL,eAAe;mBACf,OAAO;mBACP,iBAAiB;SAC3B,WAAW;mDAkCjB,CAAC;AAIF,YAAY,EAAE,iBAAiB,EAAE,WAAW,EAAE,CAAC"}

package/dist/components/Tag.js

@@ -0,0 +1,39 @@
+import { jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { tag } from "@becket-ui/tokens/recipes";
+import {
+  resolveLabelColorVars
+} from "../helpers/labelColors";
+function mergeClassName(...classes) {
+  return classes.filter(Boolean).join(" ");
+}
+const Tag = forwardRef(
+  ({
+    size = "md",
+    visual = "neutral",
+    borderRadius = "full",
+    withGradient = false,
+    customColors,
+    as: Component = "span",
+    className,
+    style,
+    ...props
+  }, ref) => {
+    const recipeClassName = tag({ size, visual, borderRadius, withGradient });
+    const colorVars = resolveLabelColorVars(visual, withGradient, customColors);
+    return /* @__PURE__ */ jsx(
+      Component,
+      {
+        ref,
+        ...props,
+        style: { ...colorVars, ...style },
+        className: mergeClassName(recipeClassName, className)
+      }
+    );
+  }
+);
+Tag.displayName = "Tag";
+export {
+  Tag
+};
+//# sourceMappingURL=Tag.js.map

package/dist/components/Tag.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/Tag.tsx"],"sourcesContent":["import { forwardRef, type ComponentPropsWithoutRef, type ElementType } from 'react';\nimport { tag } from '@becket-ui/tokens/recipes';\n\nimport {\n  resolveLabelColorVars,\n  type LabelCustomColors,\n  type LabelVisual,\n} from '../helpers/labelColors';\n\ntype TagSize = 'sm' | 'md' | 'lg';\ntype TagBorderRadius = 'none' | 'sm' | 'md' | 'lg' | 'xl' | 'full';\n\nexport type TagProps = ComponentPropsWithoutRef<'span'> & {\n  size?: TagSize;\n  visual?: LabelVisual;\n  borderRadius?: TagBorderRadius;\n  withGradient?: boolean;\n  customColors?: LabelCustomColors;\n  as?: ElementType;\n};\n\nfunction mergeClassName(...classes: (string | undefined)[]): string {\n  return classes.filter(Boolean).join(' ');\n}\n\nexport const Tag = forwardRef<HTMLSpanElement, TagProps>(\n  (\n    {\n      size = 'md',\n      visual = 'neutral',\n      borderRadius = 'full',\n      withGradient = false,\n      customColors,\n      as: Component = 'span',\n      className,\n      style,\n      ...props\n    },\n    ref,\n  ) => {\n    const recipeClassName = tag({ size, visual, borderRadius, withGradient });\n    const colorVars = resolveLabelColorVars(visual, withGradient, customColors);\n\n    return (\n      <Component\n        ref={ref}\n        {...props}\n        style={{ ...colorVars, ...style }}\n        className={mergeClassName(recipeClassName, className)}\n      />\n    );\n  },\n);\n\nTag.displayName = 'Tag';\n\nexport type { LabelCustomColors, LabelVisual };\n"],"mappings":"AA4CM;AA5CN,SAAS,kBAAmE;AAC5E,SAAS,WAAW;AAEpB;AAAA,EACE;AAAA,OAGK;AAcP,SAAS,kBAAkB,SAAyC;AAClE,SAAO,QAAQ,OAAO,OAAO,EAAE,KAAK,GAAG;AACzC;AAEO,MAAM,MAAM;AAAA,EACjB,CACE;AAAA,IACE,OAAO;AAAA,IACP,SAAS;AAAA,IACT,eAAe;AAAA,IACf,eAAe;AAAA,IACf;AAAA,IACA,IAAI,YAAY;AAAA,IAChB;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL,GACA,QACG;AACH,UAAM,kBAAkB,IAAI,EAAE,MAAM,QAAQ,cAAc,aAAa,CAAC;AACxE,UAAM,YAAY,sBAAsB,QAAQ,cAAc,YAAY;AAE1E,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACC,GAAG;AAAA,QACJ,OAAO,EAAE,GAAG,WAAW,GAAG,MAAM;AAAA,QAChC,WAAW,eAAe,iBAAiB,SAAS;AAAA;AAAA,IACtD;AAAA,EAEJ;AACF;AAEA,IAAI,cAAc;","names":[]}

package/dist/components/Text.d.ts

@@ -0,0 +1,9 @@
+import { type ElementType } from 'react';
+import { type JsxStyleProps } from '@becket-ui/tokens';
+type BaseElement = 'p' | 'span' | 'div' | 'strong' | 'em' | 'label';
+export type TextProps<T extends ElementType = BaseElement> = React.ComponentPropsWithoutRef<T> & JsxStyleProps & {
+    as?: T;
+};
+export declare const Text: import("react").ForwardRefExoticComponent<TextProps<BaseElement> & import("react").RefAttributes<HTMLElement>>;
+export {};
+//# sourceMappingURL=Text.d.ts.map

package/dist/components/Text.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../src/components/Text.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,WAAW,EAAE,MAAM,OAAO,CAAC;AACrD,OAAO,EAAO,KAAK,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAE5D,KAAK,WAAW,GAAG,GAAG,GAAG,MAAM,GAAG,KAAK,GAAG,QAAQ,GAAG,IAAI,GAAG,OAAO,CAAC;AAEpE,MAAM,MAAM,SAAS,CAAC,CAAC,SAAS,WAAW,GAAG,WAAW,IAAI,KAAK,CAAC,wBAAwB,CAAC,CAAC,CAAC,GAC5F,aAAa,GAAG;IACd,EAAE,CAAC,EAAE,CAAC,CAAC;CACR,CAAC;AAMJ,eAAO,MAAM,IAAI,gHAUhB,CAAC"}

package/dist/components/Text.js

@@ -0,0 +1,18 @@
+import { jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { css } from "@becket-ui/tokens";
+function mergeClassName(...classes) {
+  return classes.filter(Boolean).join(" ");
+}
+const Text = forwardRef(
+  ({ as, children, css: cssProp, className, ...rest }, ref) => {
+    const Component = as ?? "p";
+    const styleClassName = css(rest);
+    return /* @__PURE__ */ jsx(Component, { ref, className: mergeClassName(styleClassName, className), children });
+  }
+);
+Text.displayName = "Text";
+export {
+  Text
+};
+//# sourceMappingURL=Text.js.map

package/dist/components/Text.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/Text.tsx"],"sourcesContent":["import { forwardRef, type ElementType } from 'react';\nimport { css, type JsxStyleProps } from '@becket-ui/tokens';\n\ntype BaseElement = 'p' | 'span' | 'div' | 'strong' | 'em' | 'label';\n\nexport type TextProps<T extends ElementType = BaseElement> = React.ComponentPropsWithoutRef<T> &\n  JsxStyleProps & {\n    as?: T;\n  };\n\nfunction mergeClassName(...classes: (string | undefined)[]): string {\n  return classes.filter(Boolean).join(' ');\n}\n\nexport const Text = forwardRef<HTMLElement, TextProps>(\n  ({ as, children, css: cssProp, className, ...rest }, ref) => {\n    const Component = (as ?? 'p') as ElementType;\n    const styleClassName = css(rest as JsxStyleProps);\n    return (\n      <Component ref={ref as any} className={mergeClassName(styleClassName, className)}>\n        {children}\n      </Component>\n    );\n  },\n);\n\nText.displayName = 'Text';\n\n\n"],"mappings":"AAmBM;AAnBN,SAAS,kBAAoC;AAC7C,SAAS,WAA+B;AASxC,SAAS,kBAAkB,SAAyC;AAClE,SAAO,QAAQ,OAAO,OAAO,EAAE,KAAK,GAAG;AACzC;AAEO,MAAM,OAAO;AAAA,EAClB,CAAC,EAAE,IAAI,UAAU,KAAK,SAAS,WAAW,GAAG,KAAK,GAAG,QAAQ;AAC3D,UAAM,YAAa,MAAM;AACzB,UAAM,iBAAiB,IAAI,IAAqB;AAChD,WACE,oBAAC,aAAU,KAAiB,WAAW,eAAe,gBAAgB,SAAS,GAC5E,UACH;AAAA,EAEJ;AACF;AAEA,KAAK,cAAc;","names":[]}

package/dist/components/TextField.d.ts

@@ -0,0 +1,19 @@
+import { type InputHTMLAttributes, type ReactNode } from 'react';
+import { type FieldSize } from './Field';
+export type TextFieldProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'size'> & {
+    label?: ReactNode;
+    helperText?: ReactNode;
+    size?: FieldSize;
+    invalid?: boolean;
+    /** Stretch to the parent width. Default is token `sizes.field` (12.5rem). */
+    fullWidth?: boolean;
+};
+export declare const TextField: import("react").ForwardRefExoticComponent<Omit<InputHTMLAttributes<HTMLInputElement>, "size"> & {
+    label?: ReactNode;
+    helperText?: ReactNode;
+    size?: FieldSize;
+    invalid?: boolean;
+    /** Stretch to the parent width. Default is token `sizes.field` (12.5rem). */
+    fullWidth?: boolean;
+} & import("react").RefAttributes<HTMLInputElement>>;
+//# sourceMappingURL=TextField.d.ts.map

package/dist/components/TextField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextField.d.ts","sourceRoot":"","sources":["../../src/components/TextField.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAc,KAAK,mBAAmB,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAC7E,OAAO,EAML,KAAK,SAAS,EACf,MAAM,SAAS,CAAC;AAEjB,MAAM,MAAM,cAAc,GAAG,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC,GAAG;IACjF,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,6EAA6E;IAC7E,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF,eAAO,MAAM,SAAS;YARZ,SAAS;iBACJ,SAAS;WACf,SAAS;cACN,OAAO;IACjB,6EAA6E;gBACjE,OAAO;oDA8BpB,CAAC"}

package/dist/components/TextField.js

@@ -0,0 +1,32 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import {
+  Field,
+  FieldControl,
+  FieldError,
+  FieldHelper,
+  FieldLabel
+} from "./Field";
+const TextField = forwardRef(
+  ({
+    label,
+    helperText,
+    size = "md",
+    invalid = false,
+    fullWidth = false,
+    id,
+    ...props
+  }, ref) => {
+    return /* @__PURE__ */ jsxs(Field, { id, size, invalid, fullWidth, children: [
+      label != null ? /* @__PURE__ */ jsx(FieldLabel, { children: label }) : null,
+      /* @__PURE__ */ jsx(FieldControl, { ref, ...props }),
+      helperText != null ? invalid ? /* @__PURE__ */ jsx(FieldError, { children: helperText }) : /* @__PURE__ */ jsx(FieldHelper, { children: helperText }) : null
+    ] });
+  }
+);
+TextField.displayName = "TextField";
+export {
+  TextField
+};
+//# sourceMappingURL=TextField.js.map

package/dist/components/TextField.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/TextField.tsx"],"sourcesContent":["'use client';\n\nimport { forwardRef, type InputHTMLAttributes, type ReactNode } from 'react';\nimport {\n  Field,\n  FieldControl,\n  FieldError,\n  FieldHelper,\n  FieldLabel,\n  type FieldSize,\n} from './Field';\n\nexport type TextFieldProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'size'> & {\n  label?: ReactNode;\n  helperText?: ReactNode;\n  size?: FieldSize;\n  invalid?: boolean;\n  /** Stretch to the parent width. Default is token `sizes.field` (12.5rem). */\n  fullWidth?: boolean;\n};\n\nexport const TextField = forwardRef<HTMLInputElement, TextFieldProps>(\n  (\n    {\n      label,\n      helperText,\n      size = 'md',\n      invalid = false,\n      fullWidth = false,\n      id,\n      ...props\n    },\n    ref,\n  ) => {\n    return (\n      <Field id={id} size={size} invalid={invalid} fullWidth={fullWidth}>\n        {label != null ? <FieldLabel>{label}</FieldLabel> : null}\n        <FieldControl ref={ref} {...props} />\n        {helperText != null ? (\n          invalid ? (\n            <FieldError>{helperText}</FieldError>\n          ) : (\n            <FieldHelper>{helperText}</FieldHelper>\n          )\n        ) : null}\n      </Field>\n    );\n  },\n);\n\nTextField.displayName = 'TextField';\n"],"mappings":";AAmCM,SACmB,KADnB;AAjCN,SAAS,kBAA4D;AACrE;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OAEK;AAWA,MAAM,YAAY;AAAA,EACvB,CACE;AAAA,IACE;AAAA,IACA;AAAA,IACA,OAAO;AAAA,IACP,UAAU;AAAA,IACV,YAAY;AAAA,IACZ;AAAA,IACA,GAAG;AAAA,EACL,GACA,QACG;AACH,WACE,qBAAC,SAAM,IAAQ,MAAY,SAAkB,WAC1C;AAAA,eAAS,OAAO,oBAAC,cAAY,iBAAM,IAAgB;AAAA,MACpD,oBAAC,gBAAa,KAAW,GAAG,OAAO;AAAA,MAClC,cAAc,OACb,UACE,oBAAC,cAAY,sBAAW,IAExB,oBAAC,eAAa,sBAAW,IAEzB;AAAA,OACN;AAAA,EAEJ;AACF;AAEA,UAAU,cAAc;","names":[]}

package/dist/components/Textarea.d.ts

@@ -0,0 +1,17 @@
+import { type ReactNode, type TextareaHTMLAttributes } from 'react';
+import { type FieldSize } from './Field';
+export type TextareaProps = Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, 'size'> & {
+    label?: ReactNode;
+    helperText?: ReactNode;
+    size?: FieldSize;
+    invalid?: boolean;
+    fullWidth?: boolean;
+};
+export declare const Textarea: import("react").ForwardRefExoticComponent<Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, "size"> & {
+    label?: ReactNode;
+    helperText?: ReactNode;
+    size?: FieldSize;
+    invalid?: boolean;
+    fullWidth?: boolean;
+} & import("react").RefAttributes<HTMLTextAreaElement>>;
+//# sourceMappingURL=Textarea.d.ts.map

package/dist/components/Textarea.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Textarea.d.ts","sourceRoot":"","sources":["../../src/components/Textarea.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAc,KAAK,SAAS,EAAE,KAAK,sBAAsB,EAAE,MAAM,OAAO,CAAC;AAChF,OAAO,EAML,KAAK,SAAS,EACf,MAAM,SAAS,CAAC;AAEjB,MAAM,MAAM,aAAa,GAAG,IAAI,CAAC,sBAAsB,CAAC,mBAAmB,CAAC,EAAE,MAAM,CAAC,GAAG;IACtF,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF,eAAO,MAAM,QAAQ;YAPX,SAAS;iBACJ,SAAS;WACf,SAAS;cACN,OAAO;gBACL,OAAO;uDAgCpB,CAAC"}

package/dist/components/Textarea.js

@@ -0,0 +1,34 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import {
+  Field,
+  FieldError,
+  FieldHelper,
+  FieldLabel,
+  FieldTextarea
+} from "./Field";
+const Textarea = forwardRef(
+  ({
+    label,
+    helperText,
+    size = "md",
+    invalid = false,
+    fullWidth = false,
+    id,
+    rows,
+    ...props
+  }, ref) => {
+    const rowCount = rows ?? (size === "sm" ? 2 : size === "lg" ? 6 : 4);
+    return /* @__PURE__ */ jsxs(Field, { id, size, invalid, fullWidth, children: [
+      label != null ? /* @__PURE__ */ jsx(FieldLabel, { children: label }) : null,
+      /* @__PURE__ */ jsx(FieldTextarea, { ref, rows: rowCount, ...props }),
+      helperText != null ? invalid ? /* @__PURE__ */ jsx(FieldError, { children: helperText }) : /* @__PURE__ */ jsx(FieldHelper, { children: helperText }) : null
+    ] });
+  }
+);
+Textarea.displayName = "Textarea";
+export {
+  Textarea
+};
+//# sourceMappingURL=Textarea.js.map

package/dist/components/Textarea.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/Textarea.tsx"],"sourcesContent":["'use client';\n\nimport { forwardRef, type ReactNode, type TextareaHTMLAttributes } from 'react';\nimport {\n  Field,\n  FieldError,\n  FieldHelper,\n  FieldLabel,\n  FieldTextarea,\n  type FieldSize,\n} from './Field';\n\nexport type TextareaProps = Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, 'size'> & {\n  label?: ReactNode;\n  helperText?: ReactNode;\n  size?: FieldSize;\n  invalid?: boolean;\n  fullWidth?: boolean;\n};\n\nexport const Textarea = forwardRef<HTMLTextAreaElement, TextareaProps>(\n  (\n    {\n      label,\n      helperText,\n      size = 'md',\n      invalid = false,\n      fullWidth = false,\n      id,\n      rows,\n      ...props\n    },\n    ref,\n  ) => {\n    const rowCount = rows ?? (size === 'sm' ? 2 : size === 'lg' ? 6 : 4);\n    return (\n      <Field id={id} size={size} invalid={invalid} fullWidth={fullWidth}>\n        {label != null ? <FieldLabel>{label}</FieldLabel> : null}\n        <FieldTextarea ref={ref} rows={rowCount} {...props} />\n        {helperText != null ? (\n          invalid ? (\n            <FieldError>{helperText}</FieldError>\n          ) : (\n            <FieldHelper>{helperText}</FieldHelper>\n          )\n        ) : null}\n      </Field>\n    );\n  },\n);\n\nTextarea.displayName = 'Textarea';\n"],"mappings":";AAoCM,SACmB,KADnB;AAlCN,SAAS,kBAA+D;AACxE;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OAEK;AAUA,MAAM,WAAW;AAAA,EACtB,CACE;AAAA,IACE;AAAA,IACA;AAAA,IACA,OAAO;AAAA,IACP,UAAU;AAAA,IACV,YAAY;AAAA,IACZ;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL,GACA,QACG;AACH,UAAM,WAAW,SAAS,SAAS,OAAO,IAAI,SAAS,OAAO,IAAI;AAClE,WACE,qBAAC,SAAM,IAAQ,MAAY,SAAkB,WAC1C;AAAA,eAAS,OAAO,oBAAC,cAAY,iBAAM,IAAgB;AAAA,MACpD,oBAAC,iBAAc,KAAU,MAAM,UAAW,GAAG,OAAO;AAAA,MACnD,cAAc,OACb,UACE,oBAAC,cAAY,sBAAW,IAExB,oBAAC,eAAa,sBAAW,IAEzB;AAAA,OACN;AAAA,EAEJ;AACF;AAEA,SAAS,cAAc;","names":[]}

package/dist/components/Tooltip.d.ts

@@ -0,0 +1,17 @@
+/**
+ * Hover / focus tooltip (generic DS primitive).
+ * Default placement top, open delay 200ms.
+ */
+import { type ReactNode } from 'react';
+export type TooltipPlacement = 'top' | 'bottom' | 'left' | 'right';
+export type TooltipProps = {
+    /** Short glossary / hint text (or node). */
+    content: ReactNode;
+    children: ReactNode;
+    placement?: TooltipPlacement;
+    /** Delay before open on hover/focus (ms). */
+    delayMs?: number;
+    disabled?: boolean;
+};
+export declare const Tooltip: import("react").ForwardRefExoticComponent<TooltipProps & import("react").RefAttributes<HTMLElement>>;
+//# sourceMappingURL=Tooltip.d.ts.map

package/dist/components/Tooltip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../src/components/Tooltip.tsx"],"names":[],"mappings":"AAEA;;;GAGG;AAEH,OAAO,EAeL,KAAK,SAAS,EAEf,MAAM,OAAO,CAAC;AAIf,MAAM,MAAM,gBAAgB,GAAG,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC;AAEnE,MAAM,MAAM,YAAY,GAAG;IACzB,4CAA4C;IAC5C,OAAO,EAAE,SAAS,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,gBAAgB,CAAC;IAC7B,6CAA6C;IAC7C,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAoGF,eAAO,MAAM,OAAO,sGA6InB,CAAC"}