@sps-woodland/core 8.50.2 → 8.51.1

package/lib/tabs/index.js

@@ -0,0 +1,206 @@
+import * as r from "react";
+import { useTabListState as A } from "@react-stately/tabs";
+import { useTab as F, useTabPanel as D, useTabList as z } from "@react-aria/tabs";
+import { Metadata as v, modChildren as q, cl as g, Content as U, useChildTestIdAttrBuilder as M, Icon as C } from "@sps-woodland/core";
+function X(e, a, t) {
+  return a in e ? Object.defineProperty(e, a, {
+    value: t,
+    enumerable: !0,
+    configurable: !0,
+    writable: !0
+  }) : e[a] = t, e;
+}
+function O(e, a) {
+  var t = Object.keys(e);
+  if (Object.getOwnPropertySymbols) {
+    var o = Object.getOwnPropertySymbols(e);
+    a && (o = o.filter(function(n) {
+      return Object.getOwnPropertyDescriptor(e, n).enumerable;
+    })), t.push.apply(t, o);
+  }
+  return t;
+}
+function L(e) {
+  for (var a = 1; a < arguments.length; a++) {
+    var t = arguments[a] != null ? arguments[a] : {};
+    a % 2 ? O(Object(t), !0).forEach(function(o) {
+      X(e, o, t[o]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : O(Object(t)).forEach(function(o) {
+      Object.defineProperty(e, o, Object.getOwnPropertyDescriptor(t, o));
+    });
+  }
+  return e;
+}
+var G = (e, a, t) => {
+  for (var o of Object.keys(e)) {
+    var n;
+    if (e[o] !== ((n = a[o]) !== null && n !== void 0 ? n : t[o]))
+      return !1;
+  }
+  return !0;
+}, w = (e) => (a) => {
+  var t = e.defaultClassName, o = L(L({}, e.defaultVariants), a);
+  for (var n in o) {
+    var c, d = (c = o[n]) !== null && c !== void 0 ? c : e.defaultVariants[n];
+    if (d != null) {
+      var _ = d;
+      typeof _ == "boolean" && (_ = _ === !0 ? "true" : "false");
+      var l = (
+        // @ts-expect-error
+        e.variantClassNames[n][_]
+      );
+      l && (t += " " + l);
+    }
+  }
+  for (var [h, p] of e.compoundVariants)
+    G(h, o, e.defaultVariants) && (t += " " + p);
+  return t;
+}, H = w({ defaultClassName: "pkg_sps-woodland_core__version_8_51_1__hash_p40u540", variantClassNames: { context: { container: "pkg_sps-woodland_core__version_8_51_1__hash_p40u541", navigation: "pkg_sps-woodland_core__version_8_51_1__hash_p40u542" }, active: { true: "pkg_sps-woodland_core__version_8_51_1__hash_p40u543", false: "pkg_sps-woodland_core__version_8_51_1__hash_p40u544" }, disabled: { true: "pkg_sps-woodland_core__version_8_51_1__hash_p40u545", false: "pkg_sps-woodland_core__version_8_51_1__hash_p40u546" } }, defaultVariants: {}, compoundVariants: [[{ context: "container", active: !0 }, "pkg_sps-woodland_core__version_8_51_1__hash_p40u547"], [{ context: "container", active: !1 }, "pkg_sps-woodland_core__version_8_51_1__hash_p40u548"], [{ context: "container", active: !1, disabled: !1 }, "pkg_sps-woodland_core__version_8_51_1__hash_p40u549"], [{ context: "navigation", active: !0 }, "pkg_sps-woodland_core__version_8_51_1__hash_p40u54a"], [{ context: "navigation", active: !1 }, "pkg_sps-woodland_core__version_8_51_1__hash_p40u54b"], [{ context: "navigation", active: !1, disabled: !1 }, "pkg_sps-woodland_core__version_8_51_1__hash_p40u54c"], [{ context: "navigation", active: !1, disabled: !0 }, "pkg_sps-woodland_core__version_8_51_1__hash_p40u54d"]] }), J = w({ defaultClassName: "", variantClassNames: { active: { true: "pkg_sps-woodland_core__version_8_51_1__hash_p40u54e", false: "pkg_sps-woodland_core__version_8_51_1__hash_p40u54f" }, disabled: { true: "pkg_sps-woodland_core__version_8_51_1__hash_p40u54g", false: "pkg_sps-woodland_core__version_8_51_1__hash_p40u54h" }, context: { navigation: "pkg_sps-woodland_core__version_8_51_1__hash_p40u54i", container: "pkg_sps-woodland_core__version_8_51_1__hash_p40u54j" } }, defaultVariants: {}, compoundVariants: [[{ context: "navigation", active: !0 }, "pkg_sps-woodland_core__version_8_51_1__hash_p40u54k"]] });
+function T({
+  context: e,
+  item: a,
+  state: t,
+  ...o
+}) {
+  const { key: n } = a, c = r.useRef(null), { tabProps: d } = F({ key: n }, t, c), _ = t.selectedKey === n, l = t.disabledKeys.has(n), h = q(a.rendered, (p) => p.type.displayName === "SpsTag" || v.isWoodlandComponent(p.type) && v.get(p.type).name === "Tag" ? [{
+    className: g(p.props.className, J({ active: _, disabled: l, context: e }))
+  }] : [{}]);
+  return /* @__PURE__ */ r.createElement(
+    "div",
+    {
+      ...d,
+      ref: c,
+      className: H({ active: _, disabled: l, context: e }),
+      ...o
+    },
+    h
+  );
+}
+v.set(T, { name: "Tab" });
+function R({
+  context: e,
+  "data-testid": a,
+  state: t,
+  ...o
+}) {
+  const n = r.useRef(null), { tabPanelProps: c } = D(o, t, n), d = e === "container" ? U : "div";
+  return /* @__PURE__ */ r.createElement(
+    d,
+    {
+      ...c,
+      ref: n,
+      "data-testid": a
+    },
+    t.selectedItem ? t.selectedItem.props.children : null
+  );
+}
+v.set(R, { name: "TabPanel" });
+var Q = 39, Y = "pkg_sps-woodland_core__version_8_51_1__hash_1mdnm0k1", P = "pkg_sps-woodland_core__version_8_51_1__hash_1mdnm0k2", Z = "pkg_sps-woodland_core__version_8_51_1__hash_1mdnm0k3", $ = "pkg_sps-woodland_core__version_8_51_1__hash_1mdnm0k4", ee = w({ defaultClassName: "pkg_sps-woodland_core__version_8_51_1__hash_1mdnm0k5 pkg_sps-woodland_core__version_8_51_1__hash_1mdnm0k0", variantClassNames: { context: { container: "pkg_sps-woodland_core__version_8_51_1__hash_1mdnm0k6", navigation: "pkg_sps-woodland_core__version_8_51_1__hash_1mdnm0k7" } }, defaultVariants: {}, compoundVariants: [] });
+const te = 0.75;
+function se({
+  className: e,
+  context: a = "navigation",
+  "data-testid": t,
+  selectedKey: o,
+  defaultSelectedKey: n,
+  ...c
+}) {
+  const d = {
+    ...c,
+    selectedKey: o ?? void 0,
+    defaultSelectedKey: n ?? void 0
+  }, _ = A(d), l = r.useRef(null), { tabListProps: h } = z(d, _, l), p = M({ "data-testid": t }), y = a === "container", [E, B] = r.useState(!1), [N, V] = r.useState(!1), f = r.useCallback(() => {
+    const s = l.current;
+    if (!s) return;
+    const i = s.scrollWidth - s.clientWidth;
+    B(s.scrollLeft > 1), V(i - s.scrollLeft > 1);
+  }, []);
+  r.useEffect(() => {
+    const s = l.current;
+    if (!s) return;
+    f(), s.addEventListener("scroll", f, { passive: !0 });
+    const i = new ResizeObserver(f);
+    return i.observe(s), () => {
+      s.removeEventListener("scroll", f), i.disconnect();
+    };
+  }, [f]);
+  const S = (s) => {
+    const i = l.current;
+    if (!i) return;
+    const u = i.clientWidth * te;
+    i.scrollBy({ left: s === "left" ? -u : u, behavior: "smooth" });
+  }, k = r.useCallback(() => {
+    const s = l.current;
+    if (!s) return;
+    const i = s.querySelector('[aria-selected="true"]');
+    if (!i) return;
+    const u = s.getBoundingClientRect(), m = i.getBoundingClientRect(), b = Q, x = s.scrollLeft > 1, I = s.scrollWidth - s.clientWidth - s.scrollLeft > 1, W = u.left + (x ? b : 0), K = u.right - (I ? b : 0);
+    m.left < W ? s.scrollBy({
+      left: m.left - (u.left + b),
+      behavior: "smooth"
+    }) : m.right > K && s.scrollBy({
+      left: m.right - (u.right - b),
+      behavior: "smooth"
+    });
+  }, []);
+  r.useEffect(() => {
+    k();
+  }, [_.selectedKey, k]);
+  const j = () => {
+    requestAnimationFrame(() => k());
+  };
+  return /* @__PURE__ */ r.createElement(r.Fragment, null, /* @__PURE__ */ r.createElement("div", { className: Y, "data-testid": t }, y && E && /* @__PURE__ */ r.createElement(
+    "button",
+    {
+      "aria-label": "Show previous tabs",
+      title: "Show previous tabs",
+      className: g(P, Z),
+      "data-side": "left",
+      onClick: () => S("left"),
+      type: "button"
+    },
+    /* @__PURE__ */ r.createElement(C, { icon: "chevron-left", size: "sm", "aria-hidden": "true" })
+  ), /* @__PURE__ */ r.createElement(
+    "div",
+    {
+      ...h,
+      ref: l,
+      className: g(ee({ context: a }), e),
+      onClickCapture: j
+    },
+    [..._.collection].map((s) => /* @__PURE__ */ r.createElement(
+      T,
+      {
+        key: s.key,
+        item: s,
+        state: _,
+        context: a,
+        ...p(`tab-${String(s.key)}`)
+      }
+    ))
+  ), y && N && /* @__PURE__ */ r.createElement(
+    "button",
+    {
+      "aria-label": "Show more tabs",
+      title: "Show more tabs",
+      className: g(P, $),
+      onClick: () => S("right"),
+      type: "button"
+    },
+    /* @__PURE__ */ r.createElement(C, { icon: "chevron-right", size: "sm", "aria-hidden": "true" })
+  )), /* @__PURE__ */ r.createElement(
+    R,
+    {
+      key: _.selectedItem ? _.selectedItem.key : null,
+      state: _,
+      context: a,
+      ...p("tab-panel")
+    }
+  ));
+}
+v.set(se, { name: "Tabs" });
+export {
+  T as Tab,
+  R as TabPanel,
+  se as Tabs
+};

package/lib/tabs/index.umd.cjs

@@ -0,0 +1 @@
+(function(i,v){typeof exports=="object"&&typeof module<"u"?v(exports,require("react"),require("@react-stately/tabs"),require("@react-aria/tabs"),require("@sps-woodland/core")):typeof define=="function"&&define.amd?define(["exports","react","@react-stately/tabs","@react-aria/tabs","@sps-woodland/core"],v):(i=typeof globalThis<"u"?globalThis:i||self,v(i.Tabs={},i.React,i.tabs$2,i.tabs$1,i.core))})(this,(function(i,v,N,k,l){"use strict";function B(e){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const s=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(a,t,s.get?s:{enumerable:!0,get:()=>e[t]})}}return a.default=e,Object.freeze(a)}const r=B(v);function V(e,a,t){return a in e?Object.defineProperty(e,a,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[a]=t,e}function P(e,a){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);a&&(s=s.filter(function(o){return Object.getOwnPropertyDescriptor(e,o).enumerable})),t.push.apply(t,s)}return t}function C(e){for(var a=1;a<arguments.length;a++){var t=arguments[a]!=null?arguments[a]:{};a%2?P(Object(t),!0).forEach(function(s){V(e,s,t[s])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):P(Object(t)).forEach(function(s){Object.defineProperty(e,s,Object.getOwnPropertyDescriptor(t,s))})}return e}var I=(e,a,t)=>{for(var s of Object.keys(e)){var o;if(e[s]!==((o=a[s])!==null&&o!==void 0?o:t[s]))return!1}return!0},y=e=>a=>{var t=e.defaultClassName,s=C(C({},e.defaultVariants),a);for(var o in s){var u,p=(u=s[o])!==null&&u!==void 0?u:e.defaultVariants[o];if(p!=null){var _=p;typeof _=="boolean"&&(_=_===!0?"true":"false");var c=e.variantClassNames[o][_];c&&(t+=" "+c)}}for(var[b,f]of e.compoundVariants)I(b,s,e.defaultVariants)&&(t+=" "+f);return t},x=y({defaultClassName:"pkg_sps-woodland_core__version_8_51_1__hash_p40u540",variantClassNames:{context:{container:"pkg_sps-woodland_core__version_8_51_1__hash_p40u541",navigation:"pkg_sps-woodland_core__version_8_51_1__hash_p40u542"},active:{true:"pkg_sps-woodland_core__version_8_51_1__hash_p40u543",false:"pkg_sps-woodland_core__version_8_51_1__hash_p40u544"},disabled:{true:"pkg_sps-woodland_core__version_8_51_1__hash_p40u545",false:"pkg_sps-woodland_core__version_8_51_1__hash_p40u546"}},defaultVariants:{},compoundVariants:[[{context:"container",active:!0},"pkg_sps-woodland_core__version_8_51_1__hash_p40u547"],[{context:"container",active:!1},"pkg_sps-woodland_core__version_8_51_1__hash_p40u548"],[{context:"container",active:!1,disabled:!1},"pkg_sps-woodland_core__version_8_51_1__hash_p40u549"],[{context:"navigation",active:!0},"pkg_sps-woodland_core__version_8_51_1__hash_p40u54a"],[{context:"navigation",active:!1},"pkg_sps-woodland_core__version_8_51_1__hash_p40u54b"],[{context:"navigation",active:!1,disabled:!1},"pkg_sps-woodland_core__version_8_51_1__hash_p40u54c"],[{context:"navigation",active:!1,disabled:!0},"pkg_sps-woodland_core__version_8_51_1__hash_p40u54d"]]}),M=y({defaultClassName:"",variantClassNames:{active:{true:"pkg_sps-woodland_core__version_8_51_1__hash_p40u54e",false:"pkg_sps-woodland_core__version_8_51_1__hash_p40u54f"},disabled:{true:"pkg_sps-woodland_core__version_8_51_1__hash_p40u54g",false:"pkg_sps-woodland_core__version_8_51_1__hash_p40u54h"},context:{navigation:"pkg_sps-woodland_core__version_8_51_1__hash_p40u54i",container:"pkg_sps-woodland_core__version_8_51_1__hash_p40u54j"}},defaultVariants:{},compoundVariants:[[{context:"navigation",active:!0},"pkg_sps-woodland_core__version_8_51_1__hash_p40u54k"]]});function S({context:e,item:a,state:t,...s}){const{key:o}=a,u=r.useRef(null),{tabProps:p}=k.useTab({key:o},t,u),_=t.selectedKey===o,c=t.disabledKeys.has(o),b=l.modChildren(a.rendered,f=>f.type.displayName==="SpsTag"||l.Metadata.isWoodlandComponent(f.type)&&l.Metadata.get(f.type).name==="Tag"?[{className:l.cl(f.props.className,M({active:_,disabled:c,context:e}))}]:[{}]);return r.createElement("div",{...p,ref:u,className:x({active:_,disabled:c,context:e}),...s},b)}l.Metadata.set(S,{name:"Tab"});function O({context:e,"data-testid":a,state:t,...s}){const o=r.useRef(null),{tabPanelProps:u}=k.useTabPanel(s,t,o),p=e==="container"?l.Content:"div";return r.createElement(p,{...u,ref:o,"data-testid":a},t.selectedItem?t.selectedItem.props.children:null)}l.Metadata.set(O,{name:"TabPanel"});var W=39,q="pkg_sps-woodland_core__version_8_51_1__hash_1mdnm0k1",L="pkg_sps-woodland_core__version_8_51_1__hash_1mdnm0k2",D="pkg_sps-woodland_core__version_8_51_1__hash_1mdnm0k3",K="pkg_sps-woodland_core__version_8_51_1__hash_1mdnm0k4",A=y({defaultClassName:"pkg_sps-woodland_core__version_8_51_1__hash_1mdnm0k5 pkg_sps-woodland_core__version_8_51_1__hash_1mdnm0k0",variantClassNames:{context:{container:"pkg_sps-woodland_core__version_8_51_1__hash_1mdnm0k6",navigation:"pkg_sps-woodland_core__version_8_51_1__hash_1mdnm0k7"}},defaultVariants:{},compoundVariants:[]});const F=.75;function R({className:e,context:a="navigation","data-testid":t,selectedKey:s,defaultSelectedKey:o,...u}){const p={...u,selectedKey:s??void 0,defaultSelectedKey:o??void 0},_=N.useTabListState(p),c=r.useRef(null),{tabListProps:b}=k.useTabList(p,_,c),f=l.useChildTestIdAttrBuilder({"data-testid":t}),E=a==="container",[z,U]=r.useState(!1),[X,G]=r.useState(!1),m=r.useCallback(()=>{const n=c.current;if(!n)return;const d=n.scrollWidth-n.clientWidth;U(n.scrollLeft>1),G(d-n.scrollLeft>1)},[]);r.useEffect(()=>{const n=c.current;if(!n)return;m(),n.addEventListener("scroll",m,{passive:!0});const d=new ResizeObserver(m);return d.observe(n),()=>{n.removeEventListener("scroll",m),d.disconnect()}},[m]);const j=n=>{const d=c.current;if(!d)return;const h=d.clientWidth*F;d.scrollBy({left:n==="left"?-h:h,behavior:"smooth"})},T=r.useCallback(()=>{const n=c.current;if(!n)return;const d=n.querySelector('[aria-selected="true"]');if(!d)return;const h=n.getBoundingClientRect(),g=d.getBoundingClientRect(),w=W,J=n.scrollLeft>1,Q=n.scrollWidth-n.clientWidth-n.scrollLeft>1,Y=h.left+(J?w:0),Z=h.right-(Q?w:0);g.left<Y?n.scrollBy({left:g.left-(h.left+w),behavior:"smooth"}):g.right>Z&&n.scrollBy({left:g.right-(h.right-w),behavior:"smooth"})},[]);r.useEffect(()=>{T()},[_.selectedKey,T]);const H=()=>{requestAnimationFrame(()=>T())};return r.createElement(r.Fragment,null,r.createElement("div",{className:q,"data-testid":t},E&&z&&r.createElement("button",{"aria-label":"Show previous tabs",title:"Show previous tabs",className:l.cl(L,D),"data-side":"left",onClick:()=>j("left"),type:"button"},r.createElement(l.Icon,{icon:"chevron-left",size:"sm","aria-hidden":"true"})),r.createElement("div",{...b,ref:c,className:l.cl(A({context:a}),e),onClickCapture:H},[..._.collection].map(n=>r.createElement(S,{key:n.key,item:n,state:_,context:a,...f(`tab-${String(n.key)}`)}))),E&&X&&r.createElement("button",{"aria-label":"Show more tabs",title:"Show more tabs",className:l.cl(L,K),onClick:()=>j("right"),type:"button"},r.createElement(l.Icon,{icon:"chevron-right",size:"sm","aria-hidden":"true"}))),r.createElement(O,{key:_.selectedItem?_.selectedItem.key:null,state:_,context:a,...f("tab-panel")}))}l.Metadata.set(R,{name:"Tabs"}),i.Tab=S,i.TabPanel=O,i.Tabs=R,Object.defineProperty(i,Symbol.toStringTag,{value:"Module"})}));

package/lib/tabs/style.css

@@ -0,0 +1 @@
+.pkg_sps-woodland_core__version_8_51_1__hash_p40u540{align-items:center;border-top-width:.0625rem;border-right-width:.0625rem;border-style:solid;cursor:pointer;display:flex;font-size:.75rem;font-weight:600;line-height:.875rem;padding:.5rem 1rem;white-space:nowrap}.pkg_sps-woodland_core__version_8_51_1__hash_p40u541{border-bottom-width:0;border-left-width:.0625rem;border-top-left-radius:.25rem;border-top-right-radius:.25rem;color:#717779;margin-bottom:-1px}.pkg_sps-woodland_core__version_8_51_1__hash_p40u542{border-bottom-width:.0625rem;border-left-width:0}.pkg_sps-woodland_core__version_8_51_1__hash_p40u542:first-child{border-left-width:.0625rem;border-bottom-left-radius:.25rem;border-top-left-radius:.25rem}.pkg_sps-woodland_core__version_8_51_1__hash_p40u542:last-child{border-bottom-right-radius:.25rem;border-top-right-radius:.25rem}.pkg_sps-woodland_core__version_8_51_1__hash_p40u545{cursor:not-allowed}.pkg_sps-woodland_core__version_8_51_1__hash_p40u547{background-color:#fff;border-color:#d2d4d4;color:#1f282c}.pkg_sps-woodland_core__version_8_51_1__hash_p40u548{border-color:transparent}.pkg_sps-woodland_core__version_8_51_1__hash_p40u549:hover{background-color:#f3f4f4;border-color:#d2d4d4;box-shadow:0 -.0625rem #d2d4d4 inset}.pkg_sps-woodland_core__version_8_51_1__hash_p40u54a{background-color:#007db8;border-color:#007db8;color:#fff}.pkg_sps-woodland_core__version_8_51_1__hash_p40u54b{background-color:#fff;border-color:#d2d4d4;color:#4b5356}.pkg_sps-woodland_core__version_8_51_1__hash_p40u54c:hover{background-color:#f3f4f4}.pkg_sps-woodland_core__version_8_51_1__hash_p40u54d{color:#717779}.pkg_sps-woodland_core__version_8_51_1__hash_p40u54k{background-color:#fff!important;color:#4b5356!important}.pkg_sps-woodland_core__version_8_51_1__hash_p40u540 svg{margin-bottom:0}.pkg_sps-woodland_core__version_8_51_1__hash_1mdnm0k0{display:flex;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.pkg_sps-woodland_core__version_8_51_1__hash_1mdnm0k0::-webkit-scrollbar{display:none}.pkg_sps-woodland_core__version_8_51_1__hash_1mdnm0k1{position:relative}.pkg_sps-woodland_core__version_8_51_1__hash_1mdnm0k2{position:absolute;bottom:1px;z-index:1;display:flex;align-items:center;height:34px;width:32px;background-color:#e9e9ea;justify-content:center;border:none;padding:0;cursor:pointer}.pkg_sps-woodland_core__version_8_51_1__hash_1mdnm0k2:focus{outline:none}.pkg_sps-woodland_core__version_8_51_1__hash_1mdnm0k2:after{content:"";position:absolute;display:block;height:34px;width:8px}.pkg_sps-woodland_core__version_8_51_1__hash_1mdnm0k3{left:0}.pkg_sps-woodland_core__version_8_51_1__hash_1mdnm0k3:after{background:linear-gradient(to right,#e9e9eaff,transparent);right:-7px}.pkg_sps-woodland_core__version_8_51_1__hash_1mdnm0k4{right:0}.pkg_sps-woodland_core__version_8_51_1__hash_1mdnm0k4:after{background:linear-gradient(to left,#e9e9eaff,transparent);left:-7px}.pkg_sps-woodland_core__version_8_51_1__hash_1mdnm0k6{background-color:#e9e9ea;border-bottom-color:#d2d4d4;border-bottom-style:solid;border-bottom-width:.0625rem;border-top-left-radius:.25rem;border-top-right-radius:.25rem;padding-top:1rem;padding-left:1rem;padding-right:1rem}.pkg_sps-woodland_core__version_8_51_1__hash_1mdnm0k7{margin-bottom:1rem}

package/lib/tabs/tab/Tab.css.d.ts

@@ -0,0 +1,12 @@
+import type { RecipeVariants } from "@vanilla-extract/recipes";
+import type { VariantDefinitions, RecipeVariant, BooleanRecipeVariant } from "@sps-woodland/core";
+interface TabVariantDefinitions extends VariantDefinitions {
+    context: RecipeVariant<"container" | "navigation">;
+    active: BooleanRecipeVariant;
+    disabled: BooleanRecipeVariant;
+}
+export declare const tab: import("node_modules/@vanilla-extract/recipes/dist/declarations/src/types").RuntimeFn<TabVariantDefinitions>;
+export type TabVariants = NonNullable<RecipeVariants<typeof tab>>;
+export declare const tabTag: import("node_modules/@vanilla-extract/recipes/dist/declarations/src/types").RuntimeFn<TabVariantDefinitions>;
+export {};
+//# sourceMappingURL=Tab.css.d.ts.map

package/lib/tabs/tab/Tab.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tab.css.d.ts","sourceRoot":"","sources":["../../../src/tabs/tab/Tab.css.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAE/D,OAAO,KAAK,EAAE,kBAAkB,EAAE,aAAa,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAC;AAKlG,UAAU,qBAAsB,SAAQ,kBAAkB;IACxD,OAAO,EAAE,aAAa,CAAC,WAAW,GAAG,YAAY,CAAC,CAAC;IACnD,MAAM,EAAE,oBAAoB,CAAC;IAC7B,QAAQ,EAAE,oBAAoB,CAAC;CAChC;AAED,eAAO,MAAM,GAAG,8GAyHd,CAAC;AAEH,MAAM,MAAM,WAAW,GAAG,WAAW,CAAC,cAAc,CAAC,OAAO,GAAG,CAAC,CAAC,CAAC;AAElE,eAAO,MAAM,MAAM,8GA2BjB,CAAC"}

package/lib/tabs/tab/Tab.css.js

@@ -0,0 +1,7 @@
+/* empty css                       */
+import { createRuntimeFn as _ } from "../../node_modules/.pnpm/@vanilla-extract_recipes@0.2.5_@vanilla-extract_css@1.17.4/node_modules/@vanilla-extract/recipes/createRuntimeFn/dist/vanilla-extract-recipes-createRuntimeFn.esm.js";
+var s = _({ defaultClassName: "pkg_sps-woodland_core__version_8_51_1__hash_p40u540", variantClassNames: { context: { container: "pkg_sps-woodland_core__version_8_51_1__hash_p40u541", navigation: "pkg_sps-woodland_core__version_8_51_1__hash_p40u542" }, active: { true: "pkg_sps-woodland_core__version_8_51_1__hash_p40u543", false: "pkg_sps-woodland_core__version_8_51_1__hash_p40u544" }, disabled: { true: "pkg_sps-woodland_core__version_8_51_1__hash_p40u545", false: "pkg_sps-woodland_core__version_8_51_1__hash_p40u546" } }, defaultVariants: {}, compoundVariants: [[{ context: "container", active: !0 }, "pkg_sps-woodland_core__version_8_51_1__hash_p40u547"], [{ context: "container", active: !1 }, "pkg_sps-woodland_core__version_8_51_1__hash_p40u548"], [{ context: "container", active: !1, disabled: !1 }, "pkg_sps-woodland_core__version_8_51_1__hash_p40u549"], [{ context: "navigation", active: !0 }, "pkg_sps-woodland_core__version_8_51_1__hash_p40u54a"], [{ context: "navigation", active: !1 }, "pkg_sps-woodland_core__version_8_51_1__hash_p40u54b"], [{ context: "navigation", active: !1, disabled: !1 }, "pkg_sps-woodland_core__version_8_51_1__hash_p40u54c"], [{ context: "navigation", active: !1, disabled: !0 }, "pkg_sps-woodland_core__version_8_51_1__hash_p40u54d"]] }), e = _({ defaultClassName: "", variantClassNames: { active: { true: "pkg_sps-woodland_core__version_8_51_1__hash_p40u54e", false: "pkg_sps-woodland_core__version_8_51_1__hash_p40u54f" }, disabled: { true: "pkg_sps-woodland_core__version_8_51_1__hash_p40u54g", false: "pkg_sps-woodland_core__version_8_51_1__hash_p40u54h" }, context: { navigation: "pkg_sps-woodland_core__version_8_51_1__hash_p40u54i", container: "pkg_sps-woodland_core__version_8_51_1__hash_p40u54j" } }, defaultVariants: {}, compoundVariants: [[{ context: "navigation", active: !0 }, "pkg_sps-woodland_core__version_8_51_1__hash_p40u54k"]] });
+export {
+  s as tab,
+  e as tabTag
+};

package/lib/tabs/tab/Tab.d.ts

@@ -0,0 +1,10 @@
+import type { TabListState } from "@react-stately/tabs";
+import type { Node } from "@react-types/shared";
+import type { ComponentProps } from "@sps-woodland/core";
+import * as React from "react";
+import type { TabsVariants } from "../tabs/Tabs.css";
+export declare function Tab<T>({ context, item, state, ...rest }: ComponentProps<TabsVariants & {
+    item: Node<T>;
+    state: TabListState<T>;
+}, HTMLDivElement>): React.ReactElement;
+//# sourceMappingURL=Tab.d.ts.map

package/lib/tabs/tab/Tab.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tab.d.ts","sourceRoot":"","sources":["../../../src/tabs/tab/Tab.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAExD,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,qBAAqB,CAAC;AAChD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAEzD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAGrD,wBAAgB,GAAG,CAAC,CAAC,EAAE,EACrB,OAAO,EACP,IAAI,EACJ,KAAK,EACL,GAAG,IAAI,EACR,EAAE,cAAc,CAAC,YAAY,GAAG;IAC/B,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC;IACd,KAAK,EAAE,YAAY,CAAC,CAAC,CAAC,CAAC;CACxB,EAAE,cAAc,CAAC,GAAG,KAAK,CAAC,YAAY,CAgCtC"}

package/lib/tabs/tab/Tab.js

@@ -0,0 +1,28 @@
+import { useTab as b } from "@react-aria/tabs";
+import { Metadata as s, modChildren as f, cl as u } from "@sps-woodland/core";
+import * as p from "react";
+import { tabTag as y, tab as T } from "./Tab.css.js";
+function g({
+  context: r,
+  item: o,
+  state: a,
+  ...i
+}) {
+  const { key: t } = o, n = p.useRef(null), { tabProps: l } = b({ key: t }, a, n), m = a.selectedKey === t, c = a.disabledKeys.has(t), d = f(o.rendered, (e) => e.type.displayName === "SpsTag" || s.isWoodlandComponent(e.type) && s.get(e.type).name === "Tag" ? [{
+    className: u(e.props.className, y({ active: m, disabled: c, context: r }))
+  }] : [{}]);
+  return /* @__PURE__ */ p.createElement(
+    "div",
+    {
+      ...l,
+      ref: n,
+      className: T({ active: m, disabled: c, context: r }),
+      ...i
+    },
+    d
+  );
+}
+s.set(g, { name: "Tab" });
+export {
+  g as Tab
+};

package/lib/tabs/tab-panel/TabPanel.d.ts

@@ -0,0 +1,9 @@
+import type { TabListState } from "@react-stately/tabs";
+import type { AriaTabPanelProps } from "@react-types/tabs";
+import type { ComponentProps } from "@sps-woodland/core";
+import * as React from "react";
+import type { TabsVariants } from "../tabs/Tabs.css";
+export declare function TabPanel<T>({ context, "data-testid": dataTestId, state, ...rest }: AriaTabPanelProps & ComponentProps<TabsVariants & {
+    state: TabListState<T>;
+}, HTMLDivElement>): React.ReactElement;
+//# sourceMappingURL=TabPanel.d.ts.map

package/lib/tabs/tab-panel/TabPanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabPanel.d.ts","sourceRoot":"","sources":["../../../src/tabs/tab-panel/TabPanel.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAC3D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAEzD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAErD,wBAAgB,QAAQ,CAAC,CAAC,EACxB,EACE,OAAO,EACP,aAAa,EAAE,UAAU,EACzB,KAAK,EACL,GAAG,IAAI,EACR,EAAE,iBAAiB,GAAG,cAAc,CAAC,YAAY,GAAG;IACnD,KAAK,EAAE,YAAY,CAAC,CAAC,CAAC,CAAC;CACxB,EAAE,cAAc,CAAC,GACjB,KAAK,CAAC,YAAY,CAiBpB"}

package/lib/tabs/tab-panel/TabPanel.js

@@ -0,0 +1,24 @@
+import { useTabPanel as c } from "@react-aria/tabs";
+import { Metadata as m, Content as d } from "@sps-woodland/core";
+import * as n from "react";
+function i({
+  context: a,
+  "data-testid": o,
+  state: e,
+  ...r
+}) {
+  const t = n.useRef(null), { tabPanelProps: l } = c(r, e, t), s = a === "container" ? d : "div";
+  return /* @__PURE__ */ n.createElement(
+    s,
+    {
+      ...l,
+      ref: t,
+      "data-testid": o
+    },
+    e.selectedItem ? e.selectedItem.props.children : null
+  );
+}
+m.set(i, { name: "TabPanel" });
+export {
+  i as TabPanel
+};

package/lib/tabs/tabs/Tabs.css.d.ts

@@ -0,0 +1,30 @@
+import type { RecipeVariants } from "@vanilla-extract/recipes";
+export declare const SCROLL_BUTTON_WIDTH_PX = 32;
+export declare const SCROLL_BUTTON_HEIGHT_PX = 34;
+export declare const SCROLL_BUTTON_FADE_WIDTH_PX = 8;
+export declare const SCROLL_BUTTON_FADE_OVERHANG_PX: number;
+export declare const SCROLL_BUTTON_VISUAL_FOOTPRINT_PX: number;
+export declare const tabsScrollWrapper: string;
+export declare const tabsScrollButton: string;
+export declare const tabsScrollButtonLeft: string;
+export declare const tabsScrollButtonRight: string;
+export declare const tabs: import("node_modules/@vanilla-extract/recipes/dist/declarations/src/types").RuntimeFn<{
+    context: {
+        container: {
+            backgroundColor: string;
+            borderBottomColor: string;
+            borderBottomStyle: any;
+            borderBottomWidth: string;
+            borderTopLeftRadius: string;
+            borderTopRightRadius: string;
+            paddingTop: string;
+            paddingLeft: string;
+            paddingRight: string;
+        };
+        navigation: {
+            marginBottom: string;
+        };
+    };
+}>;
+export type TabsVariants = RecipeVariants<typeof tabs>;
+//# sourceMappingURL=Tabs.css.d.ts.map

package/lib/tabs/tabs/Tabs.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.css.d.ts","sourceRoot":"","sources":["../../../src/tabs/tabs/Tabs.css.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAO/D,eAAO,MAAM,sBAAsB,KAAK,CAAC;AACzC,eAAO,MAAM,uBAAuB,KAAK,CAAC;AAC1C,eAAO,MAAM,2BAA2B,IAAI,CAAC;AAE7C,eAAO,MAAM,8BAA8B,QAAkC,CAAC;AAE9E,eAAO,MAAM,iCAAiC,QACW,CAAC;AAc1D,eAAO,MAAM,iBAAiB,QAE5B,CAAC;AAEH,eAAO,MAAM,gBAAgB,QAuB3B,CAAC;AAEH,eAAO,MAAM,oBAAoB,QAM/B,CAAC;AACH,eAAO,MAAM,qBAAqB,QAMhC,CAAC;AAEH,eAAO,MAAM,IAAI;;;;;+BAQ+C,GAAG;;;;;;;;;;;;EAajE,CAAC;AAEH,MAAM,MAAM,YAAY,GAAG,cAAc,CAAC,OAAO,IAAI,CAAC,CAAC"}

package/lib/tabs/tabs/Tabs.css.js

@@ -0,0 +1,11 @@
+/* empty css                        */
+import { createRuntimeFn as _ } from "../../node_modules/.pnpm/@vanilla-extract_recipes@0.2.5_@vanilla-extract_css@1.17.4/node_modules/@vanilla-extract/recipes/createRuntimeFn/dist/vanilla-extract-recipes-createRuntimeFn.esm.js";
+var s = 39, n = "pkg_sps-woodland_core__version_8_51_1__hash_1mdnm0k1", r = "pkg_sps-woodland_core__version_8_51_1__hash_1mdnm0k2", e = "pkg_sps-woodland_core__version_8_51_1__hash_1mdnm0k3", d = "pkg_sps-woodland_core__version_8_51_1__hash_1mdnm0k4", t = _({ defaultClassName: "pkg_sps-woodland_core__version_8_51_1__hash_1mdnm0k5 pkg_sps-woodland_core__version_8_51_1__hash_1mdnm0k0", variantClassNames: { context: { container: "pkg_sps-woodland_core__version_8_51_1__hash_1mdnm0k6", navigation: "pkg_sps-woodland_core__version_8_51_1__hash_1mdnm0k7" } }, defaultVariants: {}, compoundVariants: [] });
+export {
+  s as SCROLL_BUTTON_VISUAL_FOOTPRINT_PX,
+  t as tabs,
+  r as tabsScrollButton,
+  e as tabsScrollButtonLeft,
+  d as tabsScrollButtonRight,
+  n as tabsScrollWrapper
+};

package/lib/tabs/tabs/Tabs.d.ts

@@ -0,0 +1,6 @@
+import * as React from "react";
+import type { TabListProps } from "@react-types/tabs";
+import type { ComponentProps } from "@sps-woodland/core";
+import type { TabsVariants } from "./Tabs.css";
+export declare function Tabs({ className, context, "data-testid": dataTestId, selectedKey, defaultSelectedKey, ...rest }: TabListProps<Record<string, unknown>> & ComponentProps<TabsVariants, HTMLDivElement>): React.ReactElement;
+//# sourceMappingURL=Tabs.d.ts.map

package/lib/tabs/tabs/Tabs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../../src/tabs/tabs/Tabs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAEtD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAYzD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAM/C,wBAAgB,IAAI,CAAC,EACnB,SAAS,EACT,OAAsB,EACtB,aAAa,EAAE,UAAU,EACzB,WAAW,EACX,kBAAkB,EAClB,GAAG,IAAI,EACR,EAAE,YAAY,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,GACtC,cAAc,CAAC,YAAY,EAAE,cAAc,CAAC,GAAG,KAAK,CAAC,YAAY,CAmJlE"}

package/lib/tabs/tabs/Tabs.js

@@ -0,0 +1,113 @@
+import * as e from "react";
+import { useTabListState as O } from "@react-stately/tabs";
+import { useTabList as A } from "@react-aria/tabs";
+import { Metadata as F, useChildTestIdAttrBuilder as _, cl as f, Icon as p } from "@sps-woodland/core";
+import { Tab as z } from "../tab/Tab.js";
+import { TabPanel as K } from "../tab-panel/TabPanel.js";
+import { tabsScrollWrapper as q, tabsScrollButton as v, tabsScrollButtonLeft as U, tabs as V, tabsScrollButtonRight as M, SCROLL_BUTTON_VISUAL_FOOTPRINT_PX as X } from "./Tabs.css.js";
+const $ = 0.75;
+function j({
+  className: L,
+  context: a = "navigation",
+  "data-testid": m,
+  selectedKey: g,
+  defaultSelectedKey: y,
+  ...R
+}) {
+  const b = {
+    ...R,
+    selectedKey: g ?? void 0,
+    defaultSelectedKey: y ?? void 0
+  }, o = O(b), r = e.useRef(null), { tabListProps: B } = A(b, o, r), d = _({ "data-testid": m }), h = a === "container", [C, E] = e.useState(!1), [T, k] = e.useState(!1), n = e.useCallback(() => {
+    const t = r.current;
+    if (!t) return;
+    const l = t.scrollWidth - t.clientWidth;
+    E(t.scrollLeft > 1), k(l - t.scrollLeft > 1);
+  }, []);
+  e.useEffect(() => {
+    const t = r.current;
+    if (!t) return;
+    n(), t.addEventListener("scroll", n, { passive: !0 });
+    const l = new ResizeObserver(n);
+    return l.observe(t), () => {
+      t.removeEventListener("scroll", n), l.disconnect();
+    };
+  }, [n]);
+  const S = (t) => {
+    const l = r.current;
+    if (!l) return;
+    const s = l.clientWidth * $;
+    l.scrollBy({ left: t === "left" ? -s : s, behavior: "smooth" });
+  }, u = e.useCallback(() => {
+    const t = r.current;
+    if (!t) return;
+    const l = t.querySelector('[aria-selected="true"]');
+    if (!l) return;
+    const s = t.getBoundingClientRect(), c = l.getBoundingClientRect(), i = X, I = t.scrollLeft > 1, N = t.scrollWidth - t.clientWidth - t.scrollLeft > 1, P = s.left + (I ? i : 0), W = s.right - (N ? i : 0);
+    c.left < P ? t.scrollBy({
+      left: c.left - (s.left + i),
+      behavior: "smooth"
+    }) : c.right > W && t.scrollBy({
+      left: c.right - (s.right - i),
+      behavior: "smooth"
+    });
+  }, []);
+  e.useEffect(() => {
+    u();
+  }, [o.selectedKey, u]);
+  const w = () => {
+    requestAnimationFrame(() => u());
+  };
+  return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: q, "data-testid": m }, h && C && /* @__PURE__ */ e.createElement(
+    "button",
+    {
+      "aria-label": "Show previous tabs",
+      title: "Show previous tabs",
+      className: f(v, U),
+      "data-side": "left",
+      onClick: () => S("left"),
+      type: "button"
+    },
+    /* @__PURE__ */ e.createElement(p, { icon: "chevron-left", size: "sm", "aria-hidden": "true" })
+  ), /* @__PURE__ */ e.createElement(
+    "div",
+    {
+      ...B,
+      ref: r,
+      className: f(V({ context: a }), L),
+      onClickCapture: w
+    },
+    [...o.collection].map((t) => /* @__PURE__ */ e.createElement(
+      z,
+      {
+        key: t.key,
+        item: t,
+        state: o,
+        context: a,
+        ...d(`tab-${String(t.key)}`)
+      }
+    ))
+  ), h && T && /* @__PURE__ */ e.createElement(
+    "button",
+    {
+      "aria-label": "Show more tabs",
+      title: "Show more tabs",
+      className: f(v, M),
+      onClick: () => S("right"),
+      type: "button"
+    },
+    /* @__PURE__ */ e.createElement(p, { icon: "chevron-right", size: "sm", "aria-hidden": "true" })
+  )), /* @__PURE__ */ e.createElement(
+    K,
+    {
+      key: o.selectedItem ? o.selectedItem.key : null,
+      state: o,
+      context: a,
+      ...d("tab-panel")
+    }
+  ));
+}
+F.set(j, { name: "Tabs" });
+export {
+  j as Tabs
+};

package/lib/tags/clickable-tag/ClickableTag.css.d.ts

@@ -0,0 +1,17 @@
+import { Tokens } from "@sps-woodland/tokens";
+import type { VariantDefinitions, RecipeVariant, BooleanRecipeVariant } from "@sps-woodland/core";
+export type ClickableTagKind = keyof typeof Tokens.component["clickable-tag"]["kind"];
+interface ClickableTagVariantDefinitions extends VariantDefinitions {
+    kind: RecipeVariant<ClickableTagKind>;
+    disabled: BooleanRecipeVariant;
+    wrap: BooleanRecipeVariant;
+    link: BooleanRecipeVariant;
+    addOrRemove: BooleanRecipeVariant;
+}
+export declare const clickableTag: import("node_modules/@vanilla-extract/recipes/dist/declarations/src/types").RuntimeFn<Pick<ClickableTagVariantDefinitions, "disabled" | "kind" | "wrap">>;
+export declare const clickableTagLabel: import("node_modules/@vanilla-extract/recipes/dist/declarations/src/types").RuntimeFn<Omit<ClickableTagVariantDefinitions, "kind">>;
+export declare const clickableTagIconWrapper: import("node_modules/@vanilla-extract/recipes/dist/declarations/src/types").RuntimeFn<Pick<ClickableTagVariantDefinitions, "wrap">>;
+export declare const clickableTagIcon: string;
+export declare const clickableTagLink: string;
+export {};
+//# sourceMappingURL=ClickableTag.css.d.ts.map

package/lib/tags/clickable-tag/ClickableTag.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ClickableTag.css.d.ts","sourceRoot":"","sources":["../../../src/tags/clickable-tag/ClickableTag.css.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAC9C,OAAO,KAAK,EAAE,kBAAkB,EAAE,aAAa,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAC;AAIlG,MAAM,MAAM,gBAAgB,GAAG,MAAM,OAAO,MAAM,CAAC,SAAS,CAAC,eAAe,CAAC,CAAC,MAAM,CAAC,CAAC;AAEtF,UAAU,8BAA+B,SAAQ,kBAAkB;IACjE,IAAI,EAAE,aAAa,CAAC,gBAAgB,CAAC,CAAC;IACtC,QAAQ,EAAE,oBAAoB,CAAC;IAC/B,IAAI,EAAE,oBAAoB,CAAC;IAC3B,IAAI,EAAE,oBAAoB,CAAC;IAC3B,WAAW,EAAE,oBAAoB,CAAC;CACnC;AAED,eAAO,MAAM,YAAY,2JA6CvB,CAAC;AAEH,eAAO,MAAM,iBAAiB,qIAsE5B,CAAC;AAEH,eAAO,MAAM,uBAAuB,qIAoClC,CAAC;AAEH,eAAO,MAAM,gBAAgB,QAO3B,CAAC;AAEH,eAAO,MAAM,gBAAgB,QAS3B,CAAC"}

package/lib/tags/clickable-tag/ClickableTag.css.js

@@ -0,0 +1,10 @@
+/* empty css                                */
+import { createRuntimeFn as _ } from "../../node_modules/.pnpm/@vanilla-extract_recipes@0.2.5_@vanilla-extract_css@1.17.4/node_modules/@vanilla-extract/recipes/createRuntimeFn/dist/vanilla-extract-recipes-createRuntimeFn.esm.js";
+var e = _({ defaultClassName: "pkg_sps-woodland_core__version_8_51_1__hash_1avalu50", variantClassNames: { kind: { blue: "pkg_sps-woodland_core__version_8_51_1__hash_1avalu51", gray: "pkg_sps-woodland_core__version_8_51_1__hash_1avalu52" }, disabled: { true: "pkg_sps-woodland_core__version_8_51_1__hash_1avalu53", false: "pkg_sps-woodland_core__version_8_51_1__hash_1avalu54" }, wrap: { true: "pkg_sps-woodland_core__version_8_51_1__hash_1avalu55", false: "pkg_sps-woodland_core__version_8_51_1__hash_1avalu56" } }, defaultVariants: { kind: "blue", disabled: !1, wrap: !1 }, compoundVariants: [] }), o = _({ defaultClassName: "pkg_sps-woodland_core__version_8_51_1__hash_1avalu57", variantClassNames: { link: { true: "pkg_sps-woodland_core__version_8_51_1__hash_1avalu58", false: "pkg_sps-woodland_core__version_8_51_1__hash_1avalu59" }, wrap: { true: "pkg_sps-woodland_core__version_8_51_1__hash_1avalu5a", false: "pkg_sps-woodland_core__version_8_51_1__hash_1avalu5b" }, disabled: { true: "pkg_sps-woodland_core__version_8_51_1__hash_1avalu5c", false: "pkg_sps-woodland_core__version_8_51_1__hash_1avalu5d" }, addOrRemove: { true: "pkg_sps-woodland_core__version_8_51_1__hash_1avalu5e", false: "pkg_sps-woodland_core__version_8_51_1__hash_1avalu5f" } }, defaultVariants: { link: !1, wrap: !1, disabled: !1, addOrRemove: !1 }, compoundVariants: [[{ disabled: !1, wrap: !1, addOrRemove: !0 }, "pkg_sps-woodland_core__version_8_51_1__hash_1avalu5g"]] }), l = _({ defaultClassName: "pkg_sps-woodland_core__version_8_51_1__hash_1avalu5h", variantClassNames: { wrap: { true: "pkg_sps-woodland_core__version_8_51_1__hash_1avalu5i", false: "pkg_sps-woodland_core__version_8_51_1__hash_1avalu5j" } }, defaultVariants: { wrap: !1 }, compoundVariants: [] }), r = "pkg_sps-woodland_core__version_8_51_1__hash_1avalu5k", d = "pkg_sps-woodland_core__version_8_51_1__hash_1avalu5l";
+export {
+  e as clickableTag,
+  r as clickableTagIcon,
+  l as clickableTagIconWrapper,
+  o as clickableTagLabel,
+  d as clickableTagLink
+};

package/lib/tags/clickable-tag/ClickableTag.d.ts

@@ -0,0 +1,13 @@
+import * as React from "react";
+import type { ComponentProps } from "@sps-woodland/core";
+import type { ClickableTagKind } from "./ClickableTag.css";
+export declare function ClickableTag({ children, className, onClick, disabled, wrap, href, target, kind, onAdd, onRemove, ...rest }: ComponentProps<{
+    disabled?: boolean;
+    wrap?: boolean;
+    href?: string;
+    target?: "_blank" | "_self" | "_parent" | "_top";
+    kind?: ClickableTagKind;
+    onAdd?: () => void;
+    onRemove?: () => void;
+}, HTMLDivElement>): React.ReactElement;
+//# sourceMappingURL=ClickableTag.d.ts.map

package/lib/tags/clickable-tag/ClickableTag.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ClickableTag.d.ts","sourceRoot":"","sources":["../../../src/tags/clickable-tag/ClickableTag.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAUzD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAE3D,wBAAgB,YAAY,CAAC,EAC3B,QAAQ,EACR,SAAS,EACT,OAAO,EACP,QAAQ,EACR,IAAI,EACJ,IAAI,EACJ,MAAM,EACN,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,GAAG,IAAI,EACR,EAAE,cAAc,CACjB;IACE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,CAAC;IACjD,IAAI,CAAC,EAAE,gBAAgB,CAAC;IACxB,KAAK,CAAC,EAAE,MAAM,IAAI,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB,EACD,cAAc,CACb,GAAG,KAAK,CAAC,YAAY,CAkErB"}