@forgedevstack/bear 1.0.0

package/dist/components/TransferList/TransferList.js

@@ -0,0 +1,210 @@
+import { jsxs as d, jsx as r } from "react/jsx-runtime";
+import { useState as y, useMemo as g, useCallback as h } from "react";
+import { cn as z } from "../../utils/cn.js";
+import { Button as u } from "../Button/Button.js";
+import { Input as ee } from "../Input/Input.js";
+import { Checkbox as re } from "../Checkbox/Checkbox.js";
+const se = () => /* @__PURE__ */ r("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ r("polyline", { points: "9 18 15 12 9 6" }) }), te = () => /* @__PURE__ */ r("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ r("polyline", { points: "15 18 9 12 15 6" }) }), le = () => /* @__PURE__ */ d("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [
+  /* @__PURE__ */ r("polyline", { points: "6 18 12 12 6 6" }),
+  /* @__PURE__ */ r("polyline", { points: "12 18 18 12 12 6" })
+] }), ae = () => /* @__PURE__ */ d("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [
+  /* @__PURE__ */ r("polyline", { points: "18 18 12 12 18 6" }),
+  /* @__PURE__ */ r("polyline", { points: "12 18 6 12 12 6" })
+] }), ne = ({
+  leftItems: i,
+  rightItems: c,
+  leftTitle: L = "Available",
+  rightTitle: B = "Selected",
+  searchable: T = !0,
+  leftSearchPlaceholder: j = "Search...",
+  rightSearchPlaceholder: C = "Search...",
+  showCount: W = !0,
+  showCheckboxes: A = !0,
+  maxHeight: D = 300,
+  onChange: t,
+  onMoveRight: m,
+  onMoveLeft: n,
+  disabled: o = !1,
+  className: R,
+  testId: P,
+  ...q
+}) => {
+  const [p, k] = y(/* @__PURE__ */ new Set()), [x, w] = y(/* @__PURE__ */ new Set()), [f, E] = y(""), [v, G] = y(""), H = g(
+    () => i.filter(
+      (e) => e.label.toLowerCase().includes(f.toLowerCase())
+    ),
+    [i, f]
+  ), J = g(
+    () => c.filter(
+      (e) => e.label.toLowerCase().includes(v.toLowerCase())
+    ),
+    [c, v]
+  ), K = h((e) => {
+    k((a) => {
+      const s = new Set(a);
+      return s.has(e) ? s.delete(e) : s.add(e), s;
+    });
+  }, []), O = h((e) => {
+    w((a) => {
+      const s = new Set(a);
+      return s.has(e) ? s.delete(e) : s.add(e), s;
+    });
+  }, []), Q = h(() => {
+    const e = i.filter((b) => p.has(b.id) && !b.disabled), a = i.filter((b) => !p.has(b.id)), s = [...c, ...e];
+    k(/* @__PURE__ */ new Set()), t == null || t(a, s), m == null || m(e);
+  }, [i, c, p, t, m]), U = h(() => {
+    const e = i.filter((s) => !s.disabled), a = [...c, ...e];
+    k(/* @__PURE__ */ new Set()), t == null || t([], a), m == null || m(e);
+  }, [i, c, t, m]), V = h(() => {
+    const e = c.filter((b) => x.has(b.id) && !b.disabled), a = c.filter((b) => !x.has(b.id)), s = [...i, ...e];
+    w(/* @__PURE__ */ new Set()), t == null || t(s, a), n == null || n(e);
+  }, [i, c, x, t, n]), X = h(() => {
+    const e = c.filter((s) => !s.disabled), a = [...i, ...e];
+    w(/* @__PURE__ */ new Set()), t == null || t(a, []), n == null || n(e);
+  }, [i, c, t, n]), N = (e, a, s, b, F, S, M, I) => /* @__PURE__ */ d("div", { className: "ember-flex-1 ember-min-w-0 ember-border ember-border-gray-200 dark:ember-border-gray-700 ember-rounded-lg ember-overflow-hidden", children: [
+    /* @__PURE__ */ d("div", { className: "ember-px-4 ember-py-3 ember-bg-gray-50 dark:ember-bg-gray-800/50 ember-border-b ember-border-gray-200 dark:ember-border-gray-700", children: [
+      /* @__PURE__ */ d("div", { className: "ember-flex ember-items-center ember-justify-between", children: [
+        /* @__PURE__ */ r("span", { className: "ember-font-medium ember-text-gray-900 dark:ember-text-gray-100", children: F }),
+        W && /* @__PURE__ */ d("span", { className: "ember-text-sm ember-text-gray-500 dark:ember-text-gray-400", children: [
+          s.size,
+          "/",
+          e.length
+        ] })
+      ] }),
+      T && /* @__PURE__ */ r(
+        ee,
+        {
+          value: S,
+          onChange: (l) => M(l.target.value),
+          placeholder: I,
+          size: "sm",
+          className: "ember-mt-2",
+          disabled: o
+        }
+      )
+    ] }),
+    /* @__PURE__ */ r(
+      "div",
+      {
+        className: "ember-overflow-y-auto",
+        style: { maxHeight: D },
+        children: a.length === 0 ? /* @__PURE__ */ r("div", { className: "ember-px-4 ember-py-8 ember-text-center ember-text-gray-500 dark:ember-text-gray-400 ember-text-sm", children: S ? "No items match your search" : "No items" }) : /* @__PURE__ */ r("ul", { className: "ember-list-none ember-m-0 ember-p-0", children: a.map((l) => /* @__PURE__ */ d(
+          "li",
+          {
+            className: z(
+              "ember-flex ember-items-center ember-gap-3 ember-px-4 ember-py-2",
+              "ember-border-b ember-border-gray-100 dark:ember-border-gray-800 last:ember-border-b-0",
+              !l.disabled && !o && "hover:ember-bg-gray-50 dark:hover:ember-bg-gray-800/30 ember-cursor-pointer",
+              l.disabled && "ember-opacity-50 ember-cursor-not-allowed"
+            ),
+            onClick: () => !l.disabled && !o && b(l.id),
+            children: [
+              A && /* @__PURE__ */ r(
+                re,
+                {
+                  checked: s.has(l.id),
+                  onChange: () => b(l.id),
+                  disabled: l.disabled || o,
+                  size: "sm"
+                }
+              ),
+              l.icon && /* @__PURE__ */ r("span", { className: "ember-flex-shrink-0 ember-text-gray-500", children: l.icon }),
+              /* @__PURE__ */ d("div", { className: "ember-flex-1 ember-min-w-0", children: [
+                /* @__PURE__ */ r("div", { className: "ember-text-sm ember-text-gray-900 dark:ember-text-gray-100 ember-truncate", children: l.label }),
+                l.secondary && /* @__PURE__ */ r("div", { className: "ember-text-xs ember-text-gray-500 dark:ember-text-gray-400 ember-truncate", children: l.secondary })
+              ] })
+            ]
+          },
+          l.id
+        )) })
+      }
+    )
+  ] }), Y = p.size > 0, Z = x.size > 0, _ = i.some((e) => !e.disabled), $ = c.some((e) => !e.disabled);
+  return /* @__PURE__ */ d(
+    "div",
+    {
+      className: z(
+        "ember-flex ember-items-stretch ember-gap-4",
+        o && "ember-opacity-60 ember-pointer-events-none",
+        R
+      ),
+      "data-testid": P,
+      ...q,
+      children: [
+        N(
+          i,
+          H,
+          p,
+          K,
+          L,
+          f,
+          E,
+          j
+        ),
+        /* @__PURE__ */ d("div", { className: "ember-flex ember-flex-col ember-justify-center ember-gap-2", children: [
+          /* @__PURE__ */ r(
+            u,
+            {
+              variant: "outline",
+              size: "sm",
+              onClick: U,
+              disabled: o || !_,
+              "aria-label": "Move all to right",
+              className: "ember-px-2",
+              children: /* @__PURE__ */ r(le, {})
+            }
+          ),
+          /* @__PURE__ */ r(
+            u,
+            {
+              variant: "outline",
+              size: "sm",
+              onClick: Q,
+              disabled: o || !Y,
+              "aria-label": "Move selected to right",
+              className: "ember-px-2",
+              children: /* @__PURE__ */ r(se, {})
+            }
+          ),
+          /* @__PURE__ */ r(
+            u,
+            {
+              variant: "outline",
+              size: "sm",
+              onClick: V,
+              disabled: o || !Z,
+              "aria-label": "Move selected to left",
+              className: "ember-px-2",
+              children: /* @__PURE__ */ r(te, {})
+            }
+          ),
+          /* @__PURE__ */ r(
+            u,
+            {
+              variant: "outline",
+              size: "sm",
+              onClick: X,
+              disabled: o || !$,
+              "aria-label": "Move all to left",
+              className: "ember-px-2",
+              children: /* @__PURE__ */ r(ae, {})
+            }
+          )
+        ] }),
+        N(
+          c,
+          J,
+          x,
+          O,
+          B,
+          v,
+          G,
+          C
+        )
+      ]
+    }
+  );
+};
+export {
+  ne as TransferList
+};

package/dist/components/TransferList/TransferList.types.d.ts

@@ -0,0 +1,45 @@
+import { HTMLAttributes, ReactNode } from 'react';
+export interface TransferListItem {
+    /** Unique identifier */
+    id: string | number;
+    /** Display label */
+    label: string;
+    /** Secondary text */
+    secondary?: string;
+    /** Whether item is disabled */
+    disabled?: boolean;
+    /** Custom icon */
+    icon?: ReactNode;
+}
+export interface TransferListProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {
+    /** Available items on the left side */
+    leftItems: TransferListItem[];
+    /** Selected items on the right side */
+    rightItems: TransferListItem[];
+    /** Left panel title */
+    leftTitle?: string;
+    /** Right panel title */
+    rightTitle?: string;
+    /** Show search filter */
+    searchable?: boolean;
+    /** Left search placeholder */
+    leftSearchPlaceholder?: string;
+    /** Right search placeholder */
+    rightSearchPlaceholder?: string;
+    /** Show item count */
+    showCount?: boolean;
+    /** Whether to show checkboxes */
+    showCheckboxes?: boolean;
+    /** Max height of panels */
+    maxHeight?: number | string;
+    /** Handler when items change */
+    onChange?: (left: TransferListItem[], right: TransferListItem[]) => void;
+    /** Handler when items move to right */
+    onMoveRight?: (items: TransferListItem[]) => void;
+    /** Handler when items move to left */
+    onMoveLeft?: (items: TransferListItem[]) => void;
+    /** Disabled state */
+    disabled?: boolean;
+    /** Test ID */
+    testId?: string;
+}

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

@@ -0,0 +1,2 @@
+export { TransferList } from './TransferList';
+export type { TransferListProps, TransferListItem } from './TransferList.types';

package/dist/components/TreeView/TreeView.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),x=require("react"),l=require("../../utils/cn.cjs"),C=({expanded:o,className:s})=>r.jsx("svg",{className:l.cn("bear-transition-transform",o&&"bear-rotate-90",s),fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:r.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M9 5l7 7-7 7"})}),M=({open:o,className:s})=>r.jsx("svg",{className:s,fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:o?r.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M5 19a2 2 0 01-2-2V7a2 2 0 012-2h4l2 2h4a2 2 0 012 2v1M5 19h14a2 2 0 002-2v-5a2 2 0 00-2-2H9a2 2 0 00-2 2v5a2 2 0 01-2 2z"}):r.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M3 7v10a2 2 0 002 2h14a2 2 0 002-2V9a2 2 0 00-2-2h-6l-2-2H5a2 2 0 00-2 2z"})}),V=({data:o,onSelect:s,onExpand:t,selectedId:u,defaultExpandedIds:g=[],showCheckboxes:m=!1,onCheck:d,checkedIds:j=[],className:k,size:i="md",showLines:v=!1})=>{const[f,w]=x.useState(new Set(g)),N=x.useCallback(e=>{w(b=>{const a=new Set(b);return a.has(e)?(a.delete(e),t==null||t(e,!1)):(a.add(e),t==null||t(e,!0)),a})},[t]),n={sm:{text:"bear-text-xs",icon:"bear-w-3 bear-h-3",padding:"bear-py-0.5 bear-px-1",indent:12},md:{text:"bear-text-sm",icon:"bear-w-4 bear-h-4",padding:"bear-py-1 bear-px-2",indent:16},lg:{text:"bear-text-base",icon:"bear-w-5 bear-h-5",padding:"bear-py-1.5 bear-px-3",indent:20}},p=(e,b=0)=>{const a=e.children&&e.children.length>0,h=f.has(e.id),y=u===e.id,L=j.includes(e.id);return r.jsxs("div",{children:[r.jsxs("div",{className:l.cn("bear-flex bear-items-center bear-gap-1 bear-rounded bear-transition-colors bear-cursor-pointer",n[i].padding,n[i].text,y?"bear-bg-pink-500/20 bear-text-pink-400":"bear-text-zinc-300 hover:bear-bg-zinc-700/50",e.disabled&&"bear-opacity-50 bear-cursor-not-allowed"),style:{paddingLeft:b*n[i].indent+8},onClick:()=>!e.disabled&&(s==null?void 0:s(e)),children:[a?r.jsx("button",{onClick:c=>{c.stopPropagation(),N(e.id)},className:"bear-p-0.5 bear-rounded hover:bear-bg-zinc-600",children:r.jsx(C,{expanded:h,className:n[i].icon})}):r.jsx("span",{className:l.cn(n[i].icon,"bear-opacity-0")}),m&&r.jsx("input",{type:"checkbox",checked:L,onChange:c=>{c.stopPropagation(),d==null||d(e.id,c.target.checked)},className:"bear-accent-pink-500",disabled:e.disabled}),e.icon||a&&r.jsx(M,{open:h,className:l.cn(n[i].icon,"bear-text-yellow-500")}),r.jsx("span",{className:"bear-flex-1",children:e.label})]}),a&&h&&r.jsx("div",{className:l.cn(v&&"bear-border-l bear-border-zinc-700 bear-ml-4"),children:e.children.map(c=>p(c,b+1))})]},e.id)};return r.jsx("div",{className:l.cn("bear-select-none",k),children:o.map(e=>p(e))})};exports.TreeView=V;

package/dist/components/TreeView/TreeView.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { TreeViewProps } from './TreeView.types';
+export declare const TreeView: FC<TreeViewProps>;

package/dist/components/TreeView/TreeView.js

@@ -0,0 +1,76 @@
+import { jsx as r, jsxs as m } from "react/jsx-runtime";
+import { useState as j, useCallback as M } from "react";
+import { cn as l } from "../../utils/cn.js";
+const V = ({ expanded: o, className: t }) => /* @__PURE__ */ r("svg", { className: l("bear-transition-transform", o && "bear-rotate-90", t), fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ r("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M9 5l7 7-7 7" }) }), W = ({ open: o, className: t }) => /* @__PURE__ */ r("svg", { className: t, fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: o ? /* @__PURE__ */ r("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M5 19a2 2 0 01-2-2V7a2 2 0 012-2h4l2 2h4a2 2 0 012 2v1M5 19h14a2 2 0 002-2v-5a2 2 0 00-2-2H9a2 2 0 00-2 2v5a2 2 0 01-2 2z" }) : /* @__PURE__ */ r("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M3 7v10a2 2 0 002 2h14a2 2 0 002-2V9a2 2 0 00-2-2h-6l-2-2H5a2 2 0 00-2 2z" }) }), P = ({
+  data: o,
+  onSelect: t,
+  onExpand: s,
+  selectedId: u,
+  defaultExpandedIds: g = [],
+  showCheckboxes: x = !1,
+  onCheck: d,
+  checkedIds: k = [],
+  className: v,
+  size: i = "md",
+  showLines: f = !1
+}) => {
+  const [N, w] = j(new Set(g)), y = M((e) => {
+    w((b) => {
+      const a = new Set(b);
+      return a.has(e) ? (a.delete(e), s == null || s(e, !1)) : (a.add(e), s == null || s(e, !0)), a;
+    });
+  }, [s]), n = {
+    sm: { text: "bear-text-xs", icon: "bear-w-3 bear-h-3", padding: "bear-py-0.5 bear-px-1", indent: 12 },
+    md: { text: "bear-text-sm", icon: "bear-w-4 bear-h-4", padding: "bear-py-1 bear-px-2", indent: 16 },
+    lg: { text: "bear-text-base", icon: "bear-w-5 bear-h-5", padding: "bear-py-1.5 bear-px-3", indent: 20 }
+  }, h = (e, b = 0) => {
+    const a = e.children && e.children.length > 0, p = N.has(e.id), L = u === e.id, C = k.includes(e.id);
+    return /* @__PURE__ */ m("div", { children: [
+      /* @__PURE__ */ m(
+        "div",
+        {
+          className: l(
+            "bear-flex bear-items-center bear-gap-1 bear-rounded bear-transition-colors bear-cursor-pointer",
+            n[i].padding,
+            n[i].text,
+            L ? "bear-bg-pink-500/20 bear-text-pink-400" : "bear-text-zinc-300 hover:bear-bg-zinc-700/50",
+            e.disabled && "bear-opacity-50 bear-cursor-not-allowed"
+          ),
+          style: { paddingLeft: b * n[i].indent + 8 },
+          onClick: () => !e.disabled && (t == null ? void 0 : t(e)),
+          children: [
+            a ? /* @__PURE__ */ r(
+              "button",
+              {
+                onClick: (c) => {
+                  c.stopPropagation(), y(e.id);
+                },
+                className: "bear-p-0.5 bear-rounded hover:bear-bg-zinc-600",
+                children: /* @__PURE__ */ r(V, { expanded: p, className: n[i].icon })
+              }
+            ) : /* @__PURE__ */ r("span", { className: l(n[i].icon, "bear-opacity-0") }),
+            x && /* @__PURE__ */ r(
+              "input",
+              {
+                type: "checkbox",
+                checked: C,
+                onChange: (c) => {
+                  c.stopPropagation(), d == null || d(e.id, c.target.checked);
+                },
+                className: "bear-accent-pink-500",
+                disabled: e.disabled
+              }
+            ),
+            e.icon || a && /* @__PURE__ */ r(W, { open: p, className: l(n[i].icon, "bear-text-yellow-500") }),
+            /* @__PURE__ */ r("span", { className: "bear-flex-1", children: e.label })
+          ]
+        }
+      ),
+      a && p && /* @__PURE__ */ r("div", { className: l(f && "bear-border-l bear-border-zinc-700 bear-ml-4"), children: e.children.map((c) => h(c, b + 1)) })
+    ] }, e.id);
+  };
+  return /* @__PURE__ */ r("div", { className: l("bear-select-none", v), children: o.map((e) => h(e)) });
+};
+export {
+  P as TreeView
+};

package/dist/components/TreeView/TreeView.types.d.ts

@@ -0,0 +1,25 @@
+import { ReactNode } from 'react';
+export interface TreeNode {
+    id: string;
+    label: string;
+    icon?: ReactNode;
+    children?: TreeNode[];
+    disabled?: boolean;
+    data?: unknown;
+}
+export interface TreeViewProps {
+    data: TreeNode[];
+    onSelect?: (node: TreeNode) => void;
+    onExpand?: (nodeId: string, expanded: boolean) => void;
+    selectedId?: string;
+    expandedIds?: string[];
+    defaultExpandedIds?: string[];
+    multiSelect?: boolean;
+    selectedIds?: string[];
+    showCheckboxes?: boolean;
+    onCheck?: (nodeId: string, checked: boolean) => void;
+    checkedIds?: string[];
+    className?: string;
+    size?: 'sm' | 'md' | 'lg';
+    showLines?: boolean;
+}

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

@@ -0,0 +1,2 @@
+export { TreeView } from './TreeView';
+export type { TreeViewProps, TreeNode } from './TreeView.types';

package/dist/components/Typography/Typography.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const A=require("react/jsx-runtime"),C=require("../../utils/cn.cjs"),E={h1:"h1",h2:"h2",h3:"h3",h4:"h4",h5:"h5",h6:"h6",subtitle1:"h6",subtitle2:"h6",body1:"p",body2:"p",caption:"span",overline:"span",code:"code"},T={h1:"ember-text-5xl ember-font-bold ember-tracking-tight",h2:"ember-text-4xl ember-font-bold ember-tracking-tight",h3:"ember-text-3xl ember-font-semibold",h4:"ember-text-2xl ember-font-semibold",h5:"ember-text-xl ember-font-medium",h6:"ember-text-lg ember-font-medium",subtitle1:"ember-text-lg ember-font-normal",subtitle2:"ember-text-base ember-font-medium",body1:"ember-text-base ember-font-normal",body2:"ember-text-sm ember-font-normal",caption:"ember-text-xs",overline:"ember-text-xs ember-uppercase ember-tracking-wider",code:"ember-text-sm ember-font-mono ember-bg-gray-100 dark:ember-bg-gray-800 ember-px-1.5 ember-py-0.5 ember-rounded"},_={thin:"ember-font-thin",light:"ember-font-light",normal:"ember-font-normal",medium:"ember-font-medium",semibold:"ember-font-semibold",bold:"ember-font-bold",extrabold:"ember-font-extrabold"},I={left:"ember-text-left",center:"ember-text-center",right:"ember-text-right",justify:"ember-text-justify"},l={primary:"ember-text-gray-900 dark:ember-text-gray-100",secondary:"ember-text-gray-600 dark:ember-text-gray-400",muted:"ember-text-gray-400 dark:ember-text-gray-500",success:"ember-text-green-600 dark:ember-text-green-400",danger:"ember-text-red-600 dark:ember-text-red-400",warning:"ember-text-amber-600 dark:ember-text-amber-400"},L={tight:"ember-leading-tight",normal:"ember-leading-normal",relaxed:"ember-leading-relaxed",loose:"ember-leading-loose"},j=({variant:m="body1",component:i,align:b,weight:o,color:e="primary",truncate:r=!1,maxLines:t,italic:d=!1,underline:s=!1,strikethrough:x=!1,noWrap:h=!1,inline:g=!1,paragraph:f=!1,lineHeight:n,children:c,className:y,style:u,testId:p,...S})=>{const k=i||E[m],a=e&&!l[e];return A.jsx(k,{className:C.cn(T[m],o&&_[o],b&&I[b],!a&&e&&l[e],n&&L[n],d&&"ember-italic",s&&"ember-underline",x&&"ember-line-through",h&&"ember-whitespace-nowrap",g&&"ember-inline",f&&"ember-mb-4",r&&!t&&"ember-truncate",r&&t&&"ember-overflow-hidden",y),style:{...u,...a&&{color:e},...r&&t&&{display:"-webkit-box",WebkitLineClamp:t,WebkitBoxOrient:"vertical"}},"data-testid":p,...S,children:c})};exports.Typography=j;

package/dist/components/Typography/Typography.d.ts

@@ -0,0 +1,14 @@
+import { FC } from 'react';
+import { TypographyProps } from './Typography.types';
+/**
+ * Typography component for consistent text styling
+ *
+ * @example
+ * ```tsx
+ * <Typography variant="h1">Heading 1</Typography>
+ * <Typography variant="body1" color="secondary">Body text</Typography>
+ * <Typography variant="caption" truncate maxLines={2}>Long text...</Typography>
+ * ```
+ */
+export declare const Typography: FC<TypographyProps>;
+export default Typography;

package/dist/components/Typography/Typography.js

@@ -0,0 +1,114 @@
+import { jsx as A } from "react/jsx-runtime";
+import { cn as C } from "../../utils/cn.js";
+const E = {
+  h1: "h1",
+  h2: "h2",
+  h3: "h3",
+  h4: "h4",
+  h5: "h5",
+  h6: "h6",
+  subtitle1: "h6",
+  subtitle2: "h6",
+  body1: "p",
+  body2: "p",
+  caption: "span",
+  overline: "span",
+  code: "code"
+}, _ = {
+  h1: "ember-text-5xl ember-font-bold ember-tracking-tight",
+  h2: "ember-text-4xl ember-font-bold ember-tracking-tight",
+  h3: "ember-text-3xl ember-font-semibold",
+  h4: "ember-text-2xl ember-font-semibold",
+  h5: "ember-text-xl ember-font-medium",
+  h6: "ember-text-lg ember-font-medium",
+  subtitle1: "ember-text-lg ember-font-normal",
+  subtitle2: "ember-text-base ember-font-medium",
+  body1: "ember-text-base ember-font-normal",
+  body2: "ember-text-sm ember-font-normal",
+  caption: "ember-text-xs",
+  overline: "ember-text-xs ember-uppercase ember-tracking-wider",
+  code: "ember-text-sm ember-font-mono ember-bg-gray-100 dark:ember-bg-gray-800 ember-px-1.5 ember-py-0.5 ember-rounded"
+}, I = {
+  thin: "ember-font-thin",
+  light: "ember-font-light",
+  normal: "ember-font-normal",
+  medium: "ember-font-medium",
+  semibold: "ember-font-semibold",
+  bold: "ember-font-bold",
+  extrabold: "ember-font-extrabold"
+}, L = {
+  left: "ember-text-left",
+  center: "ember-text-center",
+  right: "ember-text-right",
+  justify: "ember-text-justify"
+}, l = {
+  primary: "ember-text-gray-900 dark:ember-text-gray-100",
+  secondary: "ember-text-gray-600 dark:ember-text-gray-400",
+  muted: "ember-text-gray-400 dark:ember-text-gray-500",
+  success: "ember-text-green-600 dark:ember-text-green-400",
+  danger: "ember-text-red-600 dark:ember-text-red-400",
+  warning: "ember-text-amber-600 dark:ember-text-amber-400"
+}, w = {
+  tight: "ember-leading-tight",
+  normal: "ember-leading-normal",
+  relaxed: "ember-leading-relaxed",
+  loose: "ember-leading-loose"
+}, j = ({
+  variant: m = "body1",
+  component: i,
+  align: b,
+  weight: o,
+  color: e = "primary",
+  truncate: r = !1,
+  maxLines: t,
+  italic: d = !1,
+  underline: s = !1,
+  strikethrough: x = !1,
+  noWrap: h = !1,
+  inline: f = !1,
+  paragraph: g = !1,
+  lineHeight: n,
+  children: c,
+  className: y,
+  style: p,
+  testId: u,
+  ...S
+}) => {
+  const k = i || E[m], a = e && !l[e];
+  return /* @__PURE__ */ A(
+    k,
+    {
+      className: C(
+        _[m],
+        o && I[o],
+        b && L[b],
+        !a && e && l[e],
+        n && w[n],
+        d && "ember-italic",
+        s && "ember-underline",
+        x && "ember-line-through",
+        h && "ember-whitespace-nowrap",
+        f && "ember-inline",
+        g && "ember-mb-4",
+        r && !t && "ember-truncate",
+        r && t && "ember-overflow-hidden",
+        y
+      ),
+      style: {
+        ...p,
+        ...a && { color: e },
+        ...r && t && {
+          display: "-webkit-box",
+          WebkitLineClamp: t,
+          WebkitBoxOrient: "vertical"
+        }
+      },
+      "data-testid": u,
+      ...S,
+      children: c
+    }
+  );
+};
+export {
+  j as Typography
+};

package/dist/components/Typography/Typography.types.d.ts

@@ -0,0 +1,37 @@
+import { HTMLAttributes, ReactNode, ElementType } from 'react';
+export type TypographyVariant = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'subtitle1' | 'subtitle2' | 'body1' | 'body2' | 'caption' | 'overline' | 'code';
+export type TypographyAlign = 'left' | 'center' | 'right' | 'justify';
+export interface TypographyProps extends HTMLAttributes<HTMLElement> {
+    /** Typography variant */
+    variant?: TypographyVariant;
+    /** HTML element to render as */
+    component?: ElementType;
+    /** Text alignment */
+    align?: TypographyAlign;
+    /** Font weight override */
+    weight?: 'thin' | 'light' | 'normal' | 'medium' | 'semibold' | 'bold' | 'extrabold';
+    /** Text color */
+    color?: 'primary' | 'secondary' | 'muted' | 'success' | 'danger' | 'warning' | string;
+    /** Whether text should truncate with ellipsis */
+    truncate?: boolean;
+    /** Max lines before truncation (requires truncate) */
+    maxLines?: number;
+    /** Make text italic */
+    italic?: boolean;
+    /** Make text underlined */
+    underline?: boolean;
+    /** Make text strikethrough */
+    strikethrough?: boolean;
+    /** Disable text wrapping */
+    noWrap?: boolean;
+    /** Whether to render as inline element */
+    inline?: boolean;
+    /** Paragraph mode (adds bottom margin) */
+    paragraph?: boolean;
+    /** Custom line height */
+    lineHeight?: 'tight' | 'normal' | 'relaxed' | 'loose';
+    /** Content */
+    children?: ReactNode;
+    /** Test ID */
+    testId?: string;
+}

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

@@ -0,0 +1,2 @@
+export { Typography, default } from './Typography';
+export type { TypographyProps, TypographyVariant, TypographyAlign } from './Typography.types';

package/dist/components/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const q=require("./Container/Container.cjs"),I=require("./Flex/Flex.cjs"),a=require("./Grid/Grid.cjs"),C=require("./Button/Button.cjs"),m=require("./ButtonGroup/ButtonGroup.cjs"),r=require("./Card/Card.cjs"),S=require("./Badge/Badge.cjs"),T=require("./Paper/Paper.cjs"),B=require("./Divider/Divider.cjs"),b=require("./Typography/Typography.cjs"),P=require("./Link/Link.cjs"),g=require("./Spinner/Spinner.cjs"),v=require("./Alert/Alert.cjs"),L=require("./Rating/Rating.cjs"),k=require("./Icon/index.cjs"),o=require("./Icon/icons/navigation.cjs"),t=require("./Icon/icons/action.cjs"),A=require("./Icon/icons/status.cjs"),h=require("./Icon/icons/misc.cjs"),D=require("./BearLogo/BearLogo.cjs"),M=require("./Modal/Modal.cjs"),w=require("./Drawer/Drawer.cjs"),y=require("./Tooltip/Tooltip.cjs"),c=require("./Menu/Menu.cjs"),G=require("./Dropdown/Dropdown.cjs"),x=require("./SpeedDial/SpeedDial.cjs"),F=require("./Input/Input.cjs"),R=require("./Select/Select.cjs"),N=require("./Switch/Switch.cjs"),f=require("./Checkbox/Checkbox.cjs"),s=require("./Radio/Radio.cjs"),O=require("./MultiSelect/MultiSelect.cjs"),E=require("./Autocomplete/Autocomplete.cjs"),K=require("./TransferList/TransferList.cjs"),l=require("./DataTable/DataTable.cjs"),U=require("./Carousel/Carousel.cjs"),d=require("./Accordion/Accordion.cjs"),i=require("./Tabs/Tabs.cjs"),p=require("./Avatar/Avatar.cjs"),V=require("./Progress/Progress.cjs"),e=require("./List/List.cjs"),H=require("./Fab/Fab.cjs"),u=require("./Toast/Toast.cjs"),n=require("./Skeleton/Skeleton.cjs"),j=require("./Pagination/Pagination.cjs"),X=require("./Slider/Slider.cjs"),z=require("./BearLoader/BearLoader.cjs"),J=require("./DatePicker/DatePicker.cjs"),Q=require("./TimePicker/TimePicker.cjs"),W=require("./Breadcrumbs/Breadcrumbs.cjs"),Y=require("./Stepper/Stepper.cjs"),Z=require("./BottomNavigation/BottomNavigation.cjs"),_=require("./AppBar/AppBar.cjs"),$=require("./Popover/Popover.cjs"),ee=require("./Chip/Chip.cjs"),re=require("./TreeView/TreeView.cjs"),oe=require("./Timeline/Timeline.cjs"),te=require("./Statistic/Statistic.cjs"),ie=require("./EmptyState/EmptyState.cjs"),ne=require("./Image/Image.cjs"),ae=require("./FileUpload/FileUpload.cjs"),ce=require("./NumberInput/NumberInput.cjs"),ue=require("./OTPInput/OTPInput.cjs"),se=require("./ColorPicker/ColorPicker.cjs"),le=require("./ScrollArea/ScrollArea.cjs"),de=require("./Collapsible/Collapsible.cjs"),pe=require("./Kbd/Kbd.cjs"),qe=require("./CopyButton/CopyButton.cjs"),Ie=require("./Icon/Icon.cjs");exports.Container=q.Container;exports.Flex=I.Flex;exports.Grid=a.Grid;exports.GridCompound=a.GridCompound;exports.GridItem=a.GridItem;exports.Button=C.Button;exports.ButtonGroup=m.ButtonGroup;exports.Card=r.Card;exports.CardBody=r.CardBody;exports.CardCompound=r.CardCompound;exports.CardFooter=r.CardFooter;exports.CardHeader=r.CardHeader;exports.Badge=S.Badge;exports.Paper=T.Paper;exports.Divider=B.Divider;exports.Typography=b.Typography;exports.Link=P.Link;exports.Spinner=g.Spinner;exports.Alert=v.Alert;exports.Rating=L.Rating;exports.BearIcons=k.BearIcons;exports.ChevronDownIcon=o.ChevronDownIcon;exports.ChevronRightIcon=o.ChevronRightIcon;exports.MenuIcon=o.MenuIcon;exports.XIcon=o.CloseIcon;exports.MinusIcon=t.RemoveIcon;exports.PlusIcon=t.AddIcon;exports.SearchIcon=t.SearchIcon;exports.SettingsIcon=t.SettingsIcon;exports.CheckIcon=A.CheckIcon;exports.BearPawIcon=h.BearPawIcon;exports.BearLogo=D.BearLogo;exports.Modal=M.Modal;exports.Drawer=w.Drawer;exports.Tooltip=y.Tooltip;exports.Menu=c.Menu;exports.MenuDivider=c.MenuDivider;exports.MenuItem=c.MenuItem;exports.Dropdown=G.Dropdown;exports.SpeedDial=x.SpeedDial;exports.Input=F.Input;exports.Select=R.Select;exports.Switch=N.Switch;exports.Checkbox=f.Checkbox;exports.Radio=s.Radio;exports.RadioGroup=s.RadioGroup;exports.MultiSelect=O.MultiSelect;exports.Autocomplete=E.Autocomplete;exports.TransferList=K.TransferList;exports.DataTable=l.DataTable;exports.createColumns=l.createColumns;exports.Carousel=U.Carousel;exports.Accordion=d.Accordion;exports.AccordionItem=d.AccordionItem;exports.Tab=i.Tab;exports.TabList=i.TabList;exports.TabPanel=i.TabPanel;exports.Tabs=i.Tabs;exports.Avatar=p.Avatar;exports.AvatarGroup=p.AvatarGroup;exports.Progress=V.Progress;exports.List=e.List;exports.ListItem=e.ListItem;exports.ListItemButton=e.ListItemButton;exports.ListItemIcon=e.ListItemIcon;exports.ListItemText=e.ListItemText;exports.ListSubheader=e.ListSubheader;exports.Fab=H.Fab;exports.ToastContainer=u.ToastContainer;exports.ToastProvider=u.ToastProvider;exports.useToast=u.useToast;exports.Skeleton=n.Skeleton;exports.SkeletonAvatar=n.SkeletonAvatar;exports.SkeletonCard=n.SkeletonCard;exports.SkeletonText=n.SkeletonText;exports.Pagination=j.Pagination;exports.Slider=X.Slider;exports.BearLoader=z.BearLoader;exports.DatePicker=J.DatePicker;exports.TimePicker=Q.TimePicker;exports.Breadcrumbs=W.Breadcrumbs;exports.Stepper=Y.Stepper;exports.BottomNavigation=Z.BottomNavigation;exports.AppBar=_.AppBar;exports.Popover=$.Popover;exports.Chip=ee.Chip;exports.TreeView=re.TreeView;exports.Timeline=oe.Timeline;exports.Statistic=te.Statistic;exports.EmptyState=ie.EmptyState;exports.Image=ne.Image;exports.FileUpload=ae.FileUpload;exports.NumberInput=ce.NumberInput;exports.OTPInput=ue.OTPInput;exports.ColorPicker=se.ColorPicker;exports.ScrollArea=le.ScrollArea;exports.Collapsible=de.Collapsible;exports.Kbd=pe.Kbd;exports.CopyButton=qe.CopyButton;exports.Icon=Ie.Icon;