nogbase-ui 1.0.0

package/dist/Toggle-DFCRkcpJ.js

@@ -0,0 +1,195 @@
+import { j as o } from "./jsx-runtime-R4VT8aVc.js";
+import { styled as i } from "@linaria/react";
+import { L as I, I as _, a as C } from "./ColorSample-tgmSZ-F7.js";
+import { t as s } from "./themeCssVariables-CBmoYPJ3.js";
+import * as b from "react";
+import { V as k } from "./VisibilityHiddenInput-BOx7Yl7-.js";
+import { motion as j } from "framer-motion";
+const q = /* @__PURE__ */ i("div")({
+  name: "StyledLightIconButtonGroupContainer",
+  class: "s16chs3t",
+  propsAsIs: !1
+}), ae = ({
+  iconButtons: e,
+  size: r,
+  className: n
+}) => /* @__PURE__ */ o.jsx(q, { className: n, children: e.map(({
+  Wrapper: t,
+  Icon: a,
+  accent: u,
+  onClick: l,
+  ariaLabel: p,
+  dataTestId: d
+}, c) => {
+  const m = /* @__PURE__ */ o.jsx(I, { Icon: a, accent: u, disabled: !l, onClick: l, size: r, "aria-label": p, testId: d }, `light-icon-button-${c}`);
+  return t ? /* @__PURE__ */ o.jsx(t, { iconButton: m }, `light-icon-button-wrapper-${c}`) : m;
+}) });
+var S = /* @__PURE__ */ ((e) => (e.Primary = "primary", e.Secondary = "secondary", e.Tertiary = "tertiary", e))(S || {}), v = /* @__PURE__ */ ((e) => (e.Squared = "squared", e.Rounded = "rounded", e))(v || {}), B = /* @__PURE__ */ ((e) => (e.Large = "large", e.Small = "small", e))(B || {}), $ = /* @__PURE__ */ ((e) => (e.Blue = "blue", e.Orange = "orange", e))($ || {});
+const L = () => ({
+  checkboxSize: e,
+  hoverable: r
+}) => r === !0 ? e === "large" ? "32px" : "24px" : e === "large" ? "20px" : "14px", w = () => ({
+  checkboxSize: e
+}) => e === "large" ? "18px" : "12px", A = () => ({
+  checkboxSize: e
+}) => e === "large" ? "20px" : "14px", G = () => ({
+  indeterminate: e,
+  isChecked: r,
+  disabled: n,
+  accent: t
+}) => e || r ? n === !0 ? t === "blue" ? s.color.blue7 : s.color.orange7 : t === "blue" ? s.color.blue : s.color.orange : "transparent", R = () => ({
+  indeterminate: e,
+  isChecked: r,
+  variant: n,
+  disabled: t,
+  accent: a
+}) => {
+  switch (!0) {
+    case (e || r):
+      return t === !0 ? a === "blue" ? s.color.blue7 : s.color.orange7 : a === "blue" ? s.color.blue : s.color.orange;
+    case t === !0:
+      return s.border.color.strong;
+    case n === "primary":
+      return s.border.color.inverted;
+    case n === "tertiary":
+      return s.border.color.medium;
+    default:
+      return s.border.color.secondaryInverted;
+  }
+}, T = () => ({
+  shape: e
+}) => e === "rounded" ? s.border.radius.rounded : s.border.radius.sm, E = () => ({
+  variant: e,
+  checkboxSize: r
+}) => r === "large" || e === "tertiary" ? "1.43px" : "1px", F = () => ({
+  disabled: e
+}) => e === !0 ? "not-allowed" : "pointer", O = () => ({
+  shape: e
+}) => e === "rounded" ? s.border.radius.rounded : s.border.radius.md, V = () => ({
+  checkboxSize: e,
+  hoverable: r
+}) => r === !0 ? e === "large" ? "6px" : "5px" : "0", H = () => ({
+  hoverable: e,
+  isChecked: r,
+  indeterminate: n,
+  disabled: t,
+  accent: a
+}) => e !== !0 || t === !0 ? "transparent" : n === !0 || r === !0 ? a === "blue" ? s.background.transparent.blue : s.background.transparent.orange : s.background.transparent.light, M = /* @__PURE__ */ i("div")({
+  name: "StyledCheckboxContainer",
+  class: "s1mchsp6",
+  propsAsIs: !1,
+  vars: {
+    "s1mchsp6-0": [L()],
+    "s1mchsp6-1": [w()],
+    "s1mchsp6-2": [A()],
+    "s1mchsp6-3": [G()],
+    "s1mchsp6-4": [R()],
+    "s1mchsp6-5": [T()],
+    "s1mchsp6-6": [E()],
+    "s1mchsp6-7": [F()],
+    "s1mchsp6-8": [O()],
+    "s1mchsp6-9": [V()],
+    "s1mchsp6-10": [H()]
+  }
+}), P = () => ({
+  disabled: e
+}) => e === !0 ? "not-allowed" : "pointer", D = /* @__PURE__ */ i("input")({
+  name: "StyledCheckboxInput",
+  class: "s1bs7ysv",
+  propsAsIs: !1,
+  vars: {
+    "s1bs7ysv-0": [P()]
+  }
+}), ce = ({
+  checked: e,
+  onChange: r,
+  onCheckedChange: n,
+  indeterminate: t,
+  variant: a = "primary",
+  size: u = "small",
+  shape: l = "squared",
+  hoverable: p = !0,
+  className: d,
+  disabled: c = !1,
+  accent: m = "blue"
+  /* Blue */
+}) => {
+  const [x, g] = b.useState(!1);
+  b.useEffect(() => {
+    g(e ?? !1);
+  }, [e]);
+  const y = (h) => {
+    r?.(h), n?.(h.target.checked), g(h.target.checked ?? !1);
+  }, f = b.useId();
+  return /* @__PURE__ */ o.jsxs(M, { checkboxSize: u, variant: a, shape: l, isChecked: x, hoverable: p, indeterminate: t, className: d, disabled: c, accent: m, children: [
+    /* @__PURE__ */ o.jsx(D, { autoComplete: "off", type: "checkbox", id: f, name: "styled-checkbox", "data-testid": "input-checkbox", checked: x, onChange: y, disabled: c }),
+    /* @__PURE__ */ o.jsx("label", { htmlFor: f, children: t ? /* @__PURE__ */ o.jsx(_, {}) : x ? /* @__PURE__ */ o.jsx(C, {}) : /* @__PURE__ */ o.jsx(o.Fragment, {}) })
+  ] });
+}, J = () => ({
+  centered: e
+}) => e ? "center" : "flex-start", K = () => ({
+  isOn: e,
+  color: r
+}) => e ? r ?? s.color.blue : s.background.transparent.medium, N = () => ({
+  toggleSize: e
+}) => e === "small" ? 16 : 20, Q = () => ({
+  "data-disabled": e
+}) => e ? 0.5 : 1, U = () => ({
+  "data-disabled": e
+}) => e ? "none" : "auto", X = () => ({
+  toggleSize: e
+}) => e === "small" ? 24 : 32, Y = /* @__PURE__ */ i("label")({
+  name: "StyledContainer",
+  class: "sh8m94q",
+  propsAsIs: !1,
+  vars: {
+    "sh8m94q-0": [J()],
+    "sh8m94q-1": [K()],
+    "sh8m94q-2": [N(), "px"],
+    "sh8m94q-3": [Q()],
+    "sh8m94q-4": [U()],
+    "sh8m94q-5": [X(), "px"]
+  }
+}), Z = () => ({
+  size: e
+}) => e === "small" ? 12 : 16, W = /* @__PURE__ */ i("span")({
+  name: "StyledCircleBase",
+  class: "s1gqa4pe",
+  propsAsIs: !1,
+  vars: {
+    "s1gqa4pe-0": [Z(), "px"]
+  }
+}), z = j.create(W), le = ({
+  id: e,
+  value: r = !1,
+  onChange: n,
+  color: t,
+  toggleSize: a = "medium",
+  className: u,
+  centered: l,
+  disabled: p
+}) => {
+  const d = {
+    on: {
+      x: a === "small" ? 10 : 14
+    },
+    off: {
+      x: 2
+    }
+  };
+  return /* @__PURE__ */ o.jsxs(Y, { isOn: r, color: t, toggleSize: a, className: u, centered: l, "data-disabled": p, children: [
+    /* @__PURE__ */ o.jsx(k, { id: e, type: "checkbox", checked: r, disabled: p, onChange: (c) => {
+      n?.(c.target.checked);
+    } }),
+    /* @__PURE__ */ o.jsx(z, { initial: !1, animate: r ? "on" : "off", variants: d, size: a })
+  ] });
+};
+export {
+  ce as C,
+  ae as L,
+  le as T,
+  $ as a,
+  v as b,
+  B as c,
+  S as d
+};

package/dist/VisibilityHidden-Bk1yWahA.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("./jsx-runtime-CycUbF8Y.cjs"),t=require("@linaria/react"),i=t.styled("span")({name:"StyledSpan",class:"s8xvkh0",propsAsIs:!1}),n=({children:s})=>e.jsxRuntimeExports.jsx(i,{children:s});exports.VisibilityHidden=n;

package/dist/VisibilityHidden-DrhO-pBI.js

@@ -0,0 +1,12 @@
+import { j as t } from "./jsx-runtime-R4VT8aVc.js";
+import { styled as e } from "@linaria/react";
+const n = /* @__PURE__ */ e("span")({
+  name: "StyledSpan",
+  class: "s8xvkh0",
+  propsAsIs: !1
+}), r = ({
+  children: s
+}) => /* @__PURE__ */ t.jsx(n, { children: s });
+export {
+  r as V
+};

package/dist/VisibilityHiddenInput-BOx7Yl7-.js

@@ -0,0 +1,9 @@
+import { styled as i } from "@linaria/react";
+const t = /* @__PURE__ */ i("input")({
+  name: "VisibilityHiddenInput",
+  class: "vzqfux9",
+  propsAsIs: !1
+});
+export {
+  t as V
+};

package/dist/VisibilityHiddenInput-CexbykfV.cjs

@@ -0,0 +1 @@
+"use strict";const i=require("@linaria/react"),s=i.styled("input")({name:"VisibilityHiddenInput",class:"vzqfux9",propsAsIs:!1});exports.VisibilityHiddenInput=s;

package/dist/accessibility/components/VisibilityHidden.d.ts

@@ -0,0 +1,4 @@
+export declare const VisibilityHidden: ({ children, }: {
+    children: React.ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=VisibilityHidden.d.ts.map

package/dist/accessibility/components/VisibilityHidden.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"VisibilityHidden.d.ts","sourceRoot":"","sources":["../../../src/accessibility/components/VisibilityHidden.tsx"],"names":[],"mappings":"AAcA,eAAO,MAAM,gBAAgB,GAAI,eAE9B;IACD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,4CAEA,CAAC"}

package/dist/accessibility/components/VisibilityHiddenInput.d.ts

@@ -0,0 +1,2 @@
+export declare const VisibilityHiddenInput: import('@linaria/react').StyledComponent<import("react").ClassAttributes<HTMLInputElement> & import("react").InputHTMLAttributes<HTMLInputElement> & Record<never, unknown>>;
+//# sourceMappingURL=VisibilityHiddenInput.d.ts.map

package/dist/accessibility/components/VisibilityHiddenInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"VisibilityHiddenInput.d.ts","sourceRoot":"","sources":["../../../src/accessibility/components/VisibilityHiddenInput.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,qBAAqB,8KAEjC,CAAC"}

package/dist/accessibility/index.d.ts

@@ -0,0 +1,4 @@
+export { VisibilityHidden } from './components/VisibilityHidden';
+export { VisibilityHiddenInput } from './components/VisibilityHiddenInput';
+export { VISIBILITY_HIDDEN } from './utils/visibility-hidden';
+//# sourceMappingURL=index.d.ts.map

package/dist/accessibility/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/accessibility/index.ts"],"names":[],"mappings":"AASA,OAAO,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AACjE,OAAO,EAAE,qBAAqB,EAAE,MAAM,oCAAoC,CAAC;AAC3E,OAAO,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC"}

package/dist/accessibility/utils/visibility-hidden.d.ts

@@ -0,0 +1,2 @@
+export declare const VISIBILITY_HIDDEN = "\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  padding: 0;\n  margin: -1px;\n  overflow: hidden;\n  clip: rect(0, 0, 0, 0);\n  white-space: nowrap;\n  border-width: 0;\n";
+//# sourceMappingURL=visibility-hidden.d.ts.map

package/dist/accessibility/utils/visibility-hidden.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"visibility-hidden.d.ts","sourceRoot":"","sources":["../../../src/accessibility/utils/visibility-hidden.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,iBAAiB,yLAU7B,CAAC"}

package/dist/accessibility.cjs

@@ -0,0 +1,11 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("./VisibilityHidden-Bk1yWahA.cjs"),e=require("./VisibilityHiddenInput-CexbykfV.cjs"),t=`
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  white-space: nowrap;
+  border-width: 0;
+`;exports.VisibilityHidden=i.VisibilityHidden;exports.VisibilityHiddenInput=e.VisibilityHiddenInput;exports.VISIBILITY_HIDDEN=t;

package/dist/accessibility.mjs

@@ -0,0 +1,18 @@
+import { V as o } from "./VisibilityHidden-DrhO-pBI.js";
+import { V as d } from "./VisibilityHiddenInput-BOx7Yl7-.js";
+const i = `
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  white-space: nowrap;
+  border-width: 0;
+`;
+export {
+  i as VISIBILITY_HIDDEN,
+  o as VisibilityHidden,
+  d as VisibilityHiddenInput
+};

package/dist/assets/index.d.ts

@@ -0,0 +1 @@
+//# sourceMappingURL=index.d.ts.map

package/dist/assets/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/assets/index.ts"],"names":[],"mappings":""}

package/dist/assets.cjs

@@ -0,0 +1 @@
+"use strict";

package/dist/assets.mjs

@@ -0,0 +1 @@
+

package/dist/components/Pill/Pill.d.ts

@@ -0,0 +1,10 @@
+import { IconComponent } from '../../display';
+
+type PillProps = {
+    className?: string;
+    label?: string;
+    Icon?: IconComponent;
+};
+export declare const Pill: ({ className, label, Icon }: PillProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=Pill.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Pill.d.ts","sourceRoot":"","sources":["../../../src/components/Pill/Pill.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,aAAa,EAAE,MAAM,aAAa,CAAC;AAGjD,KAAK,SAAS,GAAG;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,aAAa,CAAC;CACtB,CAAC;AAkBF,eAAO,MAAM,IAAI,GAAI,4BAA4B,SAAS,4CAOzD,CAAC"}

package/dist/components/avatar-or-icon/AvatarOrIcon.d.ts

@@ -0,0 +1,17 @@
+import { Nullable } from '../../utilities';
+import { IconComponent } from '../../display/icon/types/IconComponent';
+import { AvatarType } from '../../display/avatar/types/AvatarType';
+
+export type AvatarOrIconProps = {
+    placeholder?: string;
+    avatarUrl?: string;
+    avatarType?: Nullable<AvatarType>;
+    Icon?: IconComponent;
+    IconColor?: string;
+    IconBackgroundColor?: string;
+    isIconInverted?: boolean;
+    placeholderColorSeed?: string;
+    onClick?: () => void;
+};
+export declare const AvatarOrIcon: ({ Icon, placeholderColorSeed, avatarType, avatarUrl, placeholder, isIconInverted, IconColor, IconBackgroundColor, onClick, }: AvatarOrIconProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=AvatarOrIcon.d.ts.map

package/dist/components/avatar-or-icon/AvatarOrIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarOrIcon.d.ts","sourceRoot":"","sources":["../../../src/components/avatar-or-icon/AvatarOrIcon.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,qCAAqC,CAAC;AACtE,OAAO,EAAE,KAAK,aAAa,EAAE,MAAM,sCAAsC,CAAC;AAG1E,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,eAAe,CAAC;AAsB9C,MAAM,MAAM,iBAAiB,GAAG;IAC9B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,QAAQ,CAAC,UAAU,CAAC,CAAC;IAClC,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,YAAY,GAAI,8HAU1B,iBAAiB,4CA6CnB,CAAC"}

package/dist/components/chip/Chip.d.ts

@@ -0,0 +1,38 @@
+import { ReactNode } from 'react';
+
+export declare enum ChipSize {
+    Large = "large",
+    Small = "small"
+}
+export declare enum ChipAccent {
+    TextPrimary = "text-primary",
+    TextSecondary = "text-secondary"
+}
+export declare enum ChipVariant {
+    Highlighted = "highlighted",
+    Regular = "regular",
+    Transparent = "transparent",
+    Rounded = "rounded",
+    Static = "static"
+}
+export type ChipProps = {
+    size?: ChipSize;
+    disabled?: boolean;
+    clickable?: boolean;
+    label: string;
+    tooltipLabel?: string;
+    alwaysShowTooltip?: boolean;
+    isLabelHidden?: boolean;
+    isBold?: boolean;
+    maxWidth?: number;
+    variant?: ChipVariant;
+    accent?: ChipAccent;
+    leftComponent?: ReactNode | null;
+    rightComponent?: (() => ReactNode) | ReactNode | null;
+    rightComponentDivider?: boolean;
+    className?: string;
+    forceEmptyText?: boolean;
+    emptyLabel?: string;
+};
+export declare const Chip: ({ size, label, tooltipLabel, alwaysShowTooltip, isLabelHidden, isBold, disabled, clickable, variant, leftComponent, rightComponent, rightComponentDivider, accent, className, maxWidth, forceEmptyText, emptyLabel, }: ChipProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Chip.d.ts.map

package/dist/components/chip/Chip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Chip.d.ts","sourceRoot":"","sources":["../../../src/components/chip/Chip.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAOvC,oBAAY,QAAQ;IAClB,KAAK,UAAU;IACf,KAAK,UAAU;CAChB;AAED,oBAAY,UAAU;IACpB,WAAW,iBAAiB;IAC5B,aAAa,mBAAmB;CACjC;AAED,oBAAY,WAAW;IACrB,WAAW,gBAAgB;IAC3B,OAAO,YAAY;IACnB,WAAW,gBAAgB;IAC3B,OAAO,YAAY;IACnB,MAAM,WAAW;CAClB;AAED,MAAM,MAAM,SAAS,GAAG;IACtB,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB,aAAa,CAAC,EAAE,SAAS,GAAG,IAAI,CAAC;IACjC,cAAc,CAAC,EAAE,CAAC,MAAM,SAAS,CAAC,GAAG,SAAS,GAAG,IAAI,CAAC;IACtD,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC;AAiIF,eAAO,MAAM,IAAI,GAAI,uNAkBlB,SAAS,4CA6BX,CAAC"}

package/dist/components/chip/LinkChip.d.ts

@@ -0,0 +1,13 @@
+import { MouseEvent } from 'react';
+import { TriggerEventType } from '../../utilities';
+import { ChipProps } from './Chip';
+
+export type LinkChipProps = Omit<ChipProps, 'onClick' | 'disabled' | 'clickable'> & {
+    to: string;
+    onClick?: (event: MouseEvent<HTMLElement>) => void;
+    onMouseDown?: (event: MouseEvent<HTMLElement>) => void;
+    triggerEvent?: TriggerEventType;
+    target?: '_blank' | '_self';
+};
+export declare const LinkChip: ({ to, size, label, isLabelHidden, isBold, variant, leftComponent, rightComponent, rightComponentDivider, accent, className, maxWidth, onClick, triggerEvent, target, emptyLabel, }: LinkChipProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=LinkChip.d.ts.map

package/dist/components/chip/LinkChip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LinkChip.d.ts","sourceRoot":"","sources":["../../../src/components/chip/LinkChip.tsx"],"names":[],"mappings":"AACA,OAAO,EAGL,KAAK,SAAS,EAGf,MAAM,0BAA0B,CAAC;AAElC,OAAO,EAAE,KAAK,gBAAgB,EAA0B,MAAM,eAAe,CAAC;AAC9E,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,OAAO,CAAC;AAGxC,MAAM,MAAM,aAAa,GAAG,IAAI,CAC9B,SAAS,EACT,SAAS,GAAG,UAAU,GAAG,WAAW,CACrC,GAAG;IACF,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IACnD,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IACvD,YAAY,CAAC,EAAE,gBAAgB,CAAC;IAChC,MAAM,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC;CAC7B,CAAC;AAYF,eAAO,MAAM,QAAQ,GAAI,oLAiBtB,aAAa,4CAuCf,CAAC"}

package/dist/components/chip/constants/LinkChipClickOutsideId.d.ts

@@ -0,0 +1,2 @@
+export declare const LINK_CHIP_CLICK_OUTSIDE_ID = "link-chip-click-outside-id";
+//# sourceMappingURL=LinkChipClickOutsideId.d.ts.map

package/dist/components/chip/constants/LinkChipClickOutsideId.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LinkChipClickOutsideId.d.ts","sourceRoot":"","sources":["../../../../src/components/chip/constants/LinkChipClickOutsideId.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,0BAA0B,+BAA+B,CAAC"}

package/dist/components/index.d.ts

@@ -0,0 +1,11 @@
+export type { AvatarOrIconProps } from './avatar-or-icon/AvatarOrIcon';
+export { AvatarOrIcon } from './avatar-or-icon/AvatarOrIcon';
+export type { ChipProps } from './chip/Chip';
+export { ChipSize, ChipAccent, ChipVariant, Chip } from './chip/Chip';
+export { LINK_CHIP_CLICK_OUTSIDE_ID } from './chip/constants/LinkChipClickOutsideId';
+export type { LinkChipProps } from './chip/LinkChip';
+export { LinkChip } from './chip/LinkChip';
+export { Pill } from './Pill/Pill';
+export type { TagColor } from './tag/Tag';
+export { Tag } from './tag/Tag';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AASA,YAAY,EAAE,iBAAiB,EAAE,MAAM,+BAA+B,CAAC;AACvE,OAAO,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AAC7D,YAAY,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,WAAW,EAAE,IAAI,EAAE,MAAM,aAAa,CAAC;AACtE,OAAO,EAAE,0BAA0B,EAAE,MAAM,yCAAyC,CAAC;AACrF,YAAY,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AACrD,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,IAAI,EAAE,MAAM,aAAa,CAAC;AACnC,YAAY,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC;AAC1C,OAAO,EAAE,GAAG,EAAE,MAAM,WAAW,CAAC"}

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

@@ -0,0 +1,20 @@
+import { ThemeColor } from '../../theme';
+import { IconComponent } from '../../display/icon/types/IconComponent';
+
+type TagWeight = 'regular' | 'medium';
+type TagVariant = 'solid' | 'outline' | 'border';
+export type TagColor = ThemeColor | 'transparent';
+type TagProps = {
+    className?: string;
+    color: TagColor;
+    text: string;
+    Icon?: IconComponent;
+    onClick?: () => void;
+    weight?: TagWeight;
+    variant?: TagVariant;
+    preventShrink?: boolean;
+    preventPadding?: boolean;
+};
+export declare const Tag: ({ className, color, text, Icon, onClick, weight, variant, preventShrink, preventPadding, }: TagProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=Tag.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Tag.d.ts","sourceRoot":"","sources":["../../../src/components/tag/Tag.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,aAAa,EAAE,MAAM,sCAAsC,CAAC;AAG1E,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,WAAW,CAAC;AA4D5C,KAAK,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC;AACtC,KAAK,UAAU,GAAG,OAAO,GAAG,SAAS,GAAG,QAAQ,CAAC;AACjD,MAAM,MAAM,QAAQ,GAAG,UAAU,GAAG,aAAa,CAAC;AAElD,KAAK,QAAQ,GAAG;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,QAAQ,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,OAAO,CAAC,EAAE,UAAU,CAAC;IACrB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B,CAAC;AAEF,eAAO,MAAM,GAAG,GAAI,4FAUjB,QAAQ,4CA6BV,CAAC"}

package/dist/components.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("./jsx-runtime-CycUbF8Y.cjs"),p=require("@linaria/react"),T=require("./AppTooltip-BSOOys5a.cjs"),D=require("./ThemeProvider-CLAfdrfV.cjs"),q=require("react"),m=require("./utils-DOUsOuwI.cjs"),A=require("@sniptt/guards"),V=require("./OverflowingTextWithTooltip-Bx--oslz.cjs"),r=require("./themeCssVariables-DswYV7vR.cjs"),P=require("./useMouseDownNavigation-CJhNSdDB.cjs"),w=require("react-router-dom"),L=require("./Pill-fgWKgFIn.cjs"),O=require("./Tag-C0ieQE9o.cjs"),M=()=>({backgroundColor:e})=>e,z=p.styled("div")({name:"StyledIconWithBackgroundContainer",class:"s12iypu1",propsAsIs:!1,vars:{"s12iypu1-0":[M()]}}),N=()=>({isClickable:e})=>e?"pointer":"inherit",S=p.styled("div")({name:"StyledAvatarOrIconWrapper",class:"skr8ja3",propsAsIs:!1,vars:{"skr8ja3-0":[N()]}}),W=({Icon:e,placeholderColorSeed:s,avatarType:n,avatarUrl:d,placeholder:a,isIconInverted:u=!1,IconColor:x,IconBackgroundColor:l,onClick:o})=>{const{theme:i}=q.useContext(D.ThemeContext);if(!m.o(e))return t.jsxRuntimeExports.jsx(T.Avatar,{avatarUrl:d,placeholderColorSeed:s,placeholder:a,size:"sm",type:n,onClick:o});const c=m.o(o);return u||m.o(l)?t.jsxRuntimeExports.jsx(S,{isClickable:c,onClick:o,children:t.jsxRuntimeExports.jsx(z,{backgroundColor:l??i.background.invertedSecondary,children:t.jsxRuntimeExports.jsx(e,{color:i.font.color.inverted,size:i.icon.size.sm,stroke:i.icon.stroke.sm})})}):t.jsxRuntimeExports.jsx(S,{isClickable:c,onClick:o,children:t.jsxRuntimeExports.jsx(e,{size:i.icon.size.sm,stroke:i.icon.stroke.sm,color:x||"currentColor"})})};var v=(e=>(e.Large="large",e.Small="small",e))(v||{}),k=(e=>(e.TextPrimary="text-primary",e.TextSecondary="text-secondary",e))(k||{}),b=(e=>(e.Highlighted="highlighted",e.Regular="regular",e.Transparent="transparent",e.Rounded="rounded",e.Static="static",e))(b||{});const H=p.styled("div")({name:"StyledDiv",class:"s1lyil01",propsAsIs:!1}),K=()=>({accent:e,disabled:s})=>s?r.themeCssVariables.font.color.light:e==="text-primary"?r.themeCssVariables.font.color.primary:r.themeCssVariables.font.color.secondary,U=()=>({clickable:e,disabled:s,variant:n})=>n==="transparent"?"inherit":e?"pointer":s?"not-allowed":"inherit",B=()=>({size:e})=>e==="large"?r.themeCssVariables.spacing[4]:r.themeCssVariables.spacing[3],F=()=>({maxWidth:e})=>e?`calc(${e}px - 2 * var(--chip-horizontal-padding))`:"100%",$=()=>({accent:e,isBold:s})=>s||e==="text-secondary"?r.themeCssVariables.font.weight.medium:"inherit",G=()=>({variant:e,disabled:s})=>e==="regular"&&!s?r.themeCssVariables.background.transparent.light:e==="highlighted"?r.themeCssVariables.background.transparent.medium:e==="static"?r.themeCssVariables.background.transparent.light:"inherit",J=()=>({disabled:e,variant:s})=>s==="regular"&&!e?r.themeCssVariables.background.transparent.medium:s==="highlighted"?r.themeCssVariables.background.transparent.strong:s==="static"?r.themeCssVariables.background.transparent.light:"inherit",Q=()=>({variant:e})=>e==="highlighted"||e==="static"?r.themeCssVariables.background.transparent.light:"inherit",X=()=>({variant:e})=>e==="transparent"?r.themeCssVariables.spacing[0]:"var(--chip-horizontal-padding)",Y=p.styled("div")({name:"StyledContainer",class:"sspy0d0",propsAsIs:!1,vars:{"sspy0d0-0":[K()],"sspy0d0-1":[U()],"sspy0d0-2":[B()],"sspy0d0-3":[F()],"sspy0d0-4":[$()],"sspy0d0-5":[G()],"sspy0d0-6":[J()],"sspy0d0-7":[Q()],"sspy0d0-8":[X()]}}),Z=p.styled("div")({name:"StyledRightComponentDivider",class:"sea8vsh",propsAsIs:!1}),ee=(e,s)=>{if(!e)return null;const n=typeof e=="function"?e():e;return s===!0?t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[t.jsxRuntimeExports.jsx(Z,{}),n]}):n},_=({size:e="small",label:s,tooltipLabel:n,alwaysShowTooltip:d=!1,isLabelHidden:a=!1,isBold:u=!1,disabled:x=!1,clickable:l=!0,variant:o="regular",leftComponent:i=null,rightComponent:c=null,rightComponentDivider:g=!1,accent:y="text-primary",className:j,maxWidth:h,forceEmptyText:C=!1,emptyLabel:f="Untitled"})=>t.jsxRuntimeExports.jsxs(Y,{"data-testid":"chip",accent:y,clickable:l,disabled:x,isBold:u,size:e,variant:o,className:j,maxWidth:h,children:[i,!a&&m.o(s)&&A.isNonEmptyString(s)?t.jsxRuntimeExports.jsx(V.OverflowingTextWithTooltip,{size:e,text:s,tooltipContent:n,alwaysShowTooltip:d}):!C&&!a?t.jsxRuntimeExports.jsx(H,{children:f}):"",ee(c,g)]}),I="link-chip-click-outside-id",se=p.styled("span")({name:"StyledLinkContainer",class:"s1hvdoia",propsAsIs:!1}),te=({to:e,size:s=v.Small,label:n,isLabelHidden:d=!1,isBold:a=!1,variant:u=b.Regular,leftComponent:x=null,rightComponent:l=null,rightComponentDivider:o=!1,accent:i=k.TextPrimary,className:c,maxWidth:g,onClick:y,triggerEvent:j,target:h,emptyLabel:C})=>{const{onClick:f,onMouseDown:E}=P.useMouseDownNavigation({to:e,onClick:y,triggerEvent:j});return t.jsxRuntimeExports.jsx(se,{children:t.jsxRuntimeExports.jsx(w.Link,{to:e,onClick:R=>{R.stopPropagation(),f(R)},onMouseDown:E,"data-click-outside-id":I,target:h,rel:h==="_blank"?"noopener noreferrer":void 0,children:t.jsxRuntimeExports.jsx(_,{size:s,label:n,isLabelHidden:d,isBold:a,clickable:!0,variant:u,leftComponent:x,rightComponent:l,rightComponentDivider:o,accent:i,className:c,maxWidth:g,emptyLabel:C})})})};exports.Pill=L.Pill;exports.Tag=O.Tag;exports.AvatarOrIcon=W;exports.Chip=_;exports.ChipAccent=k;exports.ChipSize=v;exports.ChipVariant=b;exports.LINK_CHIP_CLICK_OUTSIDE_ID=I;exports.LinkChip=te;

package/dist/components.mjs

@@ -0,0 +1,173 @@
+import { j as s } from "./jsx-runtime-R4VT8aVc.js";
+import { styled as p } from "@linaria/react";
+import { a as b } from "./AppTooltip-BGyiynP0.js";
+import { T as D } from "./ThemeProvider-CpY05Gd2.js";
+import { useContext as A } from "react";
+import { o as h } from "./utils-BsFkjDy5.js";
+import { isNonEmptyString as w } from "@sniptt/guards";
+import { O as R } from "./OverflowingTextWithTooltip-BY3bdsCV.js";
+import { t } from "./themeCssVariables-CBmoYPJ3.js";
+import { u as L } from "./useMouseDownNavigation-BC4MjafL.js";
+import { Link as O } from "react-router-dom";
+import { P as gr } from "./Pill-CzxYmDQR.js";
+import { T as fr } from "./Tag-DOSiXPZl.js";
+const P = () => ({
+  backgroundColor: r
+}) => r, z = /* @__PURE__ */ p("div")({
+  name: "StyledIconWithBackgroundContainer",
+  class: "s12iypu1",
+  propsAsIs: !1,
+  vars: {
+    "s12iypu1-0": [P()]
+  }
+}), M = () => ({
+  isClickable: r
+}) => r ? "pointer" : "inherit", S = /* @__PURE__ */ p("div")({
+  name: "StyledAvatarOrIconWrapper",
+  class: "skr8ja3",
+  propsAsIs: !1,
+  vars: {
+    "skr8ja3-0": [M()]
+  }
+}), pr = ({
+  Icon: r,
+  placeholderColorSeed: e,
+  avatarType: n,
+  avatarUrl: d,
+  placeholder: i,
+  isIconInverted: m = !1,
+  IconColor: u,
+  IconBackgroundColor: l,
+  onClick: a
+}) => {
+  const {
+    theme: o
+  } = A(D);
+  if (!h(r))
+    return /* @__PURE__ */ s.jsx(b, { avatarUrl: d, placeholderColorSeed: e, placeholder: i, size: "sm", type: n, onClick: a });
+  const c = h(a);
+  return m || h(l) ? /* @__PURE__ */ s.jsx(S, { isClickable: c, onClick: a, children: /* @__PURE__ */ s.jsx(z, { backgroundColor: l ?? o.background.invertedSecondary, children: /* @__PURE__ */ s.jsx(r, { color: o.font.color.inverted, size: o.icon.size.sm, stroke: o.icon.stroke.sm }) }) }) : /* @__PURE__ */ s.jsx(S, { isClickable: c, onClick: a, children: /* @__PURE__ */ s.jsx(r, { size: o.icon.size.sm, stroke: o.icon.stroke.sm, color: u || "currentColor" }) });
+};
+var _ = /* @__PURE__ */ ((r) => (r.Large = "large", r.Small = "small", r))(_ || {}), I = /* @__PURE__ */ ((r) => (r.TextPrimary = "text-primary", r.TextSecondary = "text-secondary", r))(I || {}), C = /* @__PURE__ */ ((r) => (r.Highlighted = "highlighted", r.Regular = "regular", r.Transparent = "transparent", r.Rounded = "rounded", r.Static = "static", r))(C || {});
+const W = /* @__PURE__ */ p("div")({
+  name: "StyledDiv",
+  class: "s1lyil01",
+  propsAsIs: !1
+}), E = () => ({
+  accent: r,
+  disabled: e
+}) => e ? t.font.color.light : r === "text-primary" ? t.font.color.primary : t.font.color.secondary, H = () => ({
+  clickable: r,
+  disabled: e,
+  variant: n
+}) => n === "transparent" ? "inherit" : r ? "pointer" : e ? "not-allowed" : "inherit", N = () => ({
+  size: r
+}) => r === "large" ? t.spacing[4] : t.spacing[3], K = () => ({
+  maxWidth: r
+}) => r ? `calc(${r}px - 2 * var(--chip-horizontal-padding))` : "100%", U = () => ({
+  accent: r,
+  isBold: e
+}) => e || r === "text-secondary" ? t.font.weight.medium : "inherit", B = () => ({
+  variant: r,
+  disabled: e
+}) => r === "regular" && !e ? t.background.transparent.light : r === "highlighted" ? t.background.transparent.medium : r === "static" ? t.background.transparent.light : "inherit", F = () => ({
+  disabled: r,
+  variant: e
+}) => e === "regular" && !r ? t.background.transparent.medium : e === "highlighted" ? t.background.transparent.strong : e === "static" ? t.background.transparent.light : "inherit", $ = () => ({
+  variant: r
+}) => r === "highlighted" || r === "static" ? t.background.transparent.light : "inherit", q = () => ({
+  variant: r
+}) => r === "transparent" ? t.spacing[0] : "var(--chip-horizontal-padding)", G = /* @__PURE__ */ p("div")({
+  name: "StyledContainer",
+  class: "sspy0d0",
+  propsAsIs: !1,
+  vars: {
+    "sspy0d0-0": [E()],
+    "sspy0d0-1": [H()],
+    "sspy0d0-2": [N()],
+    "sspy0d0-3": [K()],
+    "sspy0d0-4": [U()],
+    "sspy0d0-5": [B()],
+    "sspy0d0-6": [F()],
+    "sspy0d0-7": [$()],
+    "sspy0d0-8": [q()]
+  }
+}), J = /* @__PURE__ */ p("div")({
+  name: "StyledRightComponentDivider",
+  class: "sea8vsh",
+  propsAsIs: !1
+}), Q = (r, e) => {
+  if (!r)
+    return null;
+  const n = typeof r == "function" ? r() : r;
+  return e === !0 ? /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
+    /* @__PURE__ */ s.jsx(J, {}),
+    n
+  ] }) : n;
+}, X = ({
+  size: r = "small",
+  label: e,
+  tooltipLabel: n,
+  alwaysShowTooltip: d = !1,
+  isLabelHidden: i = !1,
+  isBold: m = !1,
+  disabled: u = !1,
+  clickable: l = !0,
+  variant: a = "regular",
+  leftComponent: o = null,
+  rightComponent: c = null,
+  rightComponentDivider: f = !1,
+  accent: x = "text-primary",
+  className: y,
+  maxWidth: g,
+  forceEmptyText: k = !1,
+  emptyLabel: v = "Untitled"
+}) => /* @__PURE__ */ s.jsxs(G, { "data-testid": "chip", accent: x, clickable: l, disabled: u, isBold: m, size: r, variant: a, className: y, maxWidth: g, children: [
+  o,
+  !i && h(e) && w(e) ? /* @__PURE__ */ s.jsx(R, { size: r, text: e, tooltipContent: n, alwaysShowTooltip: d }) : !k && !i ? /* @__PURE__ */ s.jsx(W, { children: v }) : "",
+  Q(c, f)
+] }), Y = "link-chip-click-outside-id", Z = /* @__PURE__ */ p("span")({
+  name: "StyledLinkContainer",
+  class: "s1hvdoia",
+  propsAsIs: !1
+}), dr = ({
+  to: r,
+  size: e = _.Small,
+  label: n,
+  isLabelHidden: d = !1,
+  isBold: i = !1,
+  variant: m = C.Regular,
+  leftComponent: u = null,
+  rightComponent: l = null,
+  rightComponentDivider: a = !1,
+  accent: o = I.TextPrimary,
+  className: c,
+  maxWidth: f,
+  onClick: x,
+  triggerEvent: y,
+  target: g,
+  emptyLabel: k
+}) => {
+  const {
+    onClick: v,
+    onMouseDown: T
+  } = L({
+    to: r,
+    onClick: x,
+    triggerEvent: y
+  });
+  return /* @__PURE__ */ s.jsx(Z, { children: /* @__PURE__ */ s.jsx(O, { to: r, onClick: (j) => {
+    j.stopPropagation(), v(j);
+  }, onMouseDown: T, "data-click-outside-id": Y, target: g, rel: g === "_blank" ? "noopener noreferrer" : void 0, children: /* @__PURE__ */ s.jsx(X, { size: e, label: n, isLabelHidden: d, isBold: i, clickable: !0, variant: m, leftComponent: u, rightComponent: l, rightComponentDivider: a, accent: o, className: c, maxWidth: f, emptyLabel: k }) }) });
+};
+export {
+  pr as AvatarOrIcon,
+  X as Chip,
+  I as ChipAccent,
+  _ as ChipSize,
+  C as ChipVariant,
+  Y as LINK_CHIP_CLICK_OUTSIDE_ID,
+  dr as LinkChip,
+  gr as Pill,
+  fr as Tag
+};