@postenbring/hedwig-react 0.0.63 → 0.0.65

package/dist/chunk-XVZ44NGD.mjs

@@ -1,80 +0,0 @@
-import {
-  useResize
-} from "./chunk-WCA2WPFS.mjs";
-import {
-  TabsContext
-} from "./chunk-33JD5XDW.mjs";
-import {
-  __objRest,
-  __spreadProps,
-  __spreadValues
-} from "./chunk-R4SQKVDQ.mjs";
-
-// src/tabs/tabs-list.tsx
-import { forwardRef, useContext, useRef } from "react";
-import { clsx } from "@postenbring/hedwig-css/typed-classname";
-import { jsx } from "react/jsx-runtime";
-function TabsList(_a) {
-  var _b = _a, { children, direction = "horizontal", className } = _b, rest = __objRest(_b, ["children", "direction", "className"]);
-  const tabsListRef = useRef(null);
-  const { width: tabsWidth } = useResize(tabsListRef);
-  const { innerWidth } = window;
-  const wideEnough = innerWidth >= tabsWidth;
-  return /* @__PURE__ */ jsx(
-    "div",
-    __spreadProps(__spreadValues({
-      className: clsx(
-        "hds-tabs--list",
-        direction === "horizontal" ? {
-          [`hds-tabs--list-horizontal`]: wideEnough,
-          "hds-tabs--list-vertical": !wideEnough
-        } : {
-          "hds-tabs--list-vertical": true
-        },
-        className
-      ),
-      ref: tabsListRef,
-      role: "tablist"
-    }, rest), {
-      children
-    })
-  );
-}
-TabsList.displayName = "Tabs.List";
-var Tab = forwardRef(
-  (_a, ref) => {
-    var _b = _a, { as: Component = "button", children, tabId, className, onClick } = _b, rest = __objRest(_b, ["as", "children", "tabId", "className", "onClick"]);
-    const context = useContext(TabsContext);
-    if (!context.mounted) {
-      throw new Error("Context required. Did you use <TabContent/> outside of <Tabs/>?");
-    }
-    const toggleTab = (e) => {
-      e.preventDefault();
-      context.toggleActiveTabId(tabId);
-      onClick && onClick(e);
-    };
-    return /* @__PURE__ */ jsx(
-      Component,
-      __spreadProps(__spreadValues({
-        className: clsx(
-          "hds-tabs--tab",
-          { "hds-tabs--tab-active": context.activeTabId === tabId },
-          className
-        ),
-        "data-tabid": tabId,
-        onClick: toggleTab,
-        ref,
-        role: "tab"
-      }, rest), {
-        children
-      })
-    );
-  }
-);
-Tab.displayName = "Tabs.Tab";
-
-export {
-  TabsList,
-  Tab
-};
-//# sourceMappingURL=chunk-XVZ44NGD.mjs.map

package/dist/chunk-XVZ44NGD.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/tabs/tabs-list.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactElement, MouseEvent } from \"react\";\nimport { forwardRef, useContext, useRef } from \"react\";\nimport { clsx } from \"@postenbring/hedwig-css/typed-classname\";\nimport { type OverridableComponent, useResize } from \"../utils\";\nimport { TabsContext } from \"./context\";\n\nexport interface TabListProps extends HTMLAttributes<HTMLDivElement> {\n  children: ReactElement<TabProps> | ReactElement<TabProps>[];\n\n  /**\n   * Direction of the tabs. Can either be vertical or horizontal.\n   * Horizontal breaks on window width with fallback back to vertical\n   */\n  direction?: \"vertical\" | \"horizontal\";\n}\n\nexport function TabsList({ children, direction = \"horizontal\", className, ...rest }: TabListProps) {\n  const tabsListRef = useRef<HTMLDivElement>(null);\n  const { width: tabsWidth } = useResize(tabsListRef);\n  const { innerWidth } = window;\n  const wideEnough = innerWidth >= tabsWidth;\n  return (\n    <div\n      className={clsx(\n        \"hds-tabs--list\",\n        direction === \"horizontal\"\n          ? {\n              [`hds-tabs--list-horizontal`]: wideEnough,\n              \"hds-tabs--list-vertical\": !wideEnough,\n            }\n          : {\n              \"hds-tabs--list-vertical\": true,\n            },\n        className as undefined,\n      )}\n      ref={tabsListRef}\n      role=\"tablist\"\n      {...rest}\n    >\n      {children}\n    </div>\n  );\n}\n\nTabsList.displayName = \"Tabs.List\";\n\nexport interface TabProps extends HTMLAttributes<HTMLButtonElement> {\n  children: ReactElement<HTMLElement> | string;\n\n  /**\n   * Identifier for the tab\n   */\n  tabId: string;\n}\n\nexport const Tab: OverridableComponent<TabProps, HTMLButtonElement> = forwardRef(\n  ({ as: Component = \"button\", children, tabId, className, onClick, ...rest }, ref) => {\n    const context = useContext(TabsContext);\n    if (!context.mounted) {\n      throw new Error(\"Context required. Did you use <TabContent/> outside of <Tabs/>?\");\n    }\n    const toggleTab = (e: MouseEvent<HTMLButtonElement>) => {\n      e.preventDefault();\n      context.toggleActiveTabId(tabId);\n      onClick && onClick(e);\n    };\n    return (\n      <Component\n        className={clsx(\n          \"hds-tabs--tab\",\n          { \"hds-tabs--tab-active\": context.activeTabId === tabId },\n          className as undefined,\n        )}\n        data-tabid={tabId}\n        onClick={toggleTab}\n        ref={ref}\n        role=\"tab\"\n        {...rest}\n      >\n        {children}\n      </Component>\n    );\n  },\n);\n\nTab.displayName = \"Tabs.Tab\";\n"],"mappings":";;;;;;;;;;;;;AACA,SAAS,YAAY,YAAY,cAAc;AAC/C,SAAS,YAAY;AAoBjB;AANG,SAAS,SAAS,IAA0E;AAA1E,eAAE,YAAU,YAAY,cAAc,UAhB/D,IAgByB,IAAoD,iBAApD,IAAoD,CAAlD,YAAU,aAA0B;AAC7D,QAAM,cAAc,OAAuB,IAAI;AAC/C,QAAM,EAAE,OAAO,UAAU,IAAI,UAAU,WAAW;AAClD,QAAM,EAAE,WAAW,IAAI;AACvB,QAAM,aAAa,cAAc;AACjC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA,cAAc,eACV;AAAA,UACE,CAAC,2BAA2B,GAAG;AAAA,UAC/B,2BAA2B,CAAC;AAAA,QAC9B,IACA;AAAA,UACE,2BAA2B;AAAA,QAC7B;AAAA,QACJ;AAAA,MACF;AAAA,MACA,KAAK;AAAA,MACL,MAAK;AAAA,OACD,OAfL;AAAA,MAiBE;AAAA;AAAA,EACH;AAEJ;AAEA,SAAS,cAAc;AAWhB,IAAM,MAAyD;AAAA,EACpE,CAAC,IAA4E,QAAQ;AAApF,iBAAE,MAAI,YAAY,UAAU,UAAU,OAAO,WAAW,QAxD3D,IAwDG,IAAoE,iBAApE,IAAoE,CAAlE,MAA0B,YAAU,SAAO,aAAW;AACvD,UAAM,UAAU,WAAW,WAAW;AACtC,QAAI,CAAC,QAAQ,SAAS;AACpB,YAAM,IAAI,MAAM,iEAAiE;AAAA,IACnF;AACA,UAAM,YAAY,CAAC,MAAqC;AACtD,QAAE,eAAe;AACjB,cAAQ,kBAAkB,KAAK;AAC/B,iBAAW,QAAQ,CAAC;AAAA,IACtB;AACA,WACE;AAAA,MAAC;AAAA;AAAA,QACC,WAAW;AAAA,UACT;AAAA,UACA,EAAE,wBAAwB,QAAQ,gBAAgB,MAAM;AAAA,UACxD;AAAA,QACF;AAAA,QACA,cAAY;AAAA,QACZ,SAAS;AAAA,QACT;AAAA,QACA,MAAK;AAAA,SACD,OAVL;AAAA,QAYE;AAAA;AAAA,IACH;AAAA,EAEJ;AACF;AAEA,IAAI,cAAc;","names":[]}