@forgedevstack/bear 1.0.0

package/dist/components/Image/Image.js

@@ -0,0 +1,99 @@
+import { jsxs as L, jsx as l } from "react/jsx-runtime";
+import { useState as b, useRef as B, useEffect as S } from "react";
+import { cn as c } from "../../utils/cn.js";
+const G = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cmVjdCB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9IiMyNzI3MmEiLz48cGF0aCBkPSJNNCAxNmw0LjU4Ni00LjU4NmExIDEgMCAwMTEuNDE0IDBMMTQgMTVtLTQtMy41bDEuNTg2LTEuNTg2YTEgMSAwIDAxMS40MTQgMEwyMCAxNm0tNS0zaDEuMDFNNCAxOGgxNmEyIDIgMCAwMDItMlY4YTIgMiAwIDAwLTItMkg0YTIgMiAwIDAwLTIgMnY4YTIgMiAwIDAwMiAyeiIgc3Ryb2tlPSIjNTI1MjViIiBzdHJva2Utd2lkdGg9IjEuNSIvPjwvc3ZnPg==", Y = ({
+  src: w,
+  alt: d,
+  fallback: A = G,
+  fallbackElement: N,
+  lazy: r = !0,
+  aspectRatio: e,
+  objectFit: u = "cover",
+  rounded: a,
+  skeleton: j = !0,
+  onLoad: s,
+  onError: i,
+  className: I,
+  containerClassName: D,
+  ...v
+}) => {
+  const [g, M] = b(!0), [m, T] = b(!1), [p, C] = b(!r), n = B(null);
+  S(() => {
+    if (!r) return;
+    const o = new IntersectionObserver(
+      ([h]) => {
+        h.isIntersecting && (C(!0), o.disconnect());
+      },
+      { rootMargin: "50px" }
+    );
+    return n.current && o.observe(n.current), () => o.disconnect();
+  }, [r]);
+  const E = () => {
+    M(!1), s == null || s();
+  }, x = () => {
+    M(!1), T(!0), i == null || i();
+  }, t = e ? {
+    paddingBottom: e.includes(":") ? `${parseInt(e.split(":")[1]) / parseInt(e.split(":")[0]) * 100}%` : e
+  } : void 0, y = {
+    true: "bear-rounded",
+    sm: "bear-rounded-sm",
+    md: "bear-rounded-md",
+    lg: "bear-rounded-lg",
+    xl: "bear-rounded-xl",
+    full: "bear-rounded-full"
+  }, f = {
+    contain: "bear-object-contain",
+    cover: "bear-object-cover",
+    fill: "bear-object-fill",
+    none: "bear-object-none",
+    "scale-down": "bear-object-scale-down"
+  };
+  return /* @__PURE__ */ L(
+    "div",
+    {
+      ref: n,
+      className: c(
+        "bear-relative bear-overflow-hidden bear-bg-zinc-800",
+        a && y[a === !0 ? "true" : a],
+        D
+      ),
+      style: t ? { paddingBottom: t.paddingBottom, height: 0 } : void 0,
+      children: [
+        j && g && !m && /* @__PURE__ */ l("div", { className: "bear-absolute bear-inset-0 bear-bg-zinc-700 bear-animate-pulse" }),
+        m ? N || /* @__PURE__ */ l(
+          "img",
+          {
+            src: A,
+            alt: d,
+            className: c(
+              "bear-w-full bear-h-full",
+              t && "bear-absolute bear-inset-0",
+              f[u],
+              I
+            )
+          }
+        ) : p ? /* @__PURE__ */ l(
+          "img",
+          {
+            src: w,
+            alt: d,
+            onLoad: E,
+            onError: x,
+            loading: r ? "lazy" : void 0,
+            className: c(
+              "bear-w-full bear-h-full bear-transition-opacity",
+              t && "bear-absolute bear-inset-0",
+              f[u],
+              g ? "bear-opacity-0" : "bear-opacity-100",
+              I
+            ),
+            ...v
+          }
+        ) : null
+      ]
+    }
+  );
+};
+export {
+  Y as Image
+};

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

@@ -0,0 +1,16 @@
+import { ImgHTMLAttributes } from 'react';
+export interface ImageProps extends Omit<ImgHTMLAttributes<HTMLImageElement>, 'onError' | 'onLoad'> {
+    src: string;
+    alt: string;
+    fallback?: string;
+    fallbackElement?: React.ReactNode;
+    lazy?: boolean;
+    aspectRatio?: '1:1' | '4:3' | '16:9' | '21:9' | string;
+    objectFit?: 'contain' | 'cover' | 'fill' | 'none' | 'scale-down';
+    rounded?: boolean | 'sm' | 'md' | 'lg' | 'xl' | 'full';
+    skeleton?: boolean;
+    onLoad?: () => void;
+    onError?: () => void;
+    className?: string;
+    containerClassName?: string;
+}

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

@@ -0,0 +1,2 @@
+export { Image } from './Image';
+export type { ImageProps } from './Image.types';

package/dist/components/Input/Input.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),g=require("react"),s=require("../../utils/cn.cjs"),m={sm:"bear-h-8 bear-text-sm bear-px-3",md:"bear-h-10 bear-text-base bear-px-4",lg:"bear-h-12 bear-text-lg bear-px-5"},o=g.forwardRef(({label:t,helperText:l,error:r,size:i="md",leftAddon:a,rightAddon:b,fullWidth:u=!1,className:x,disabled:c,...d},f)=>{const n=!!r;return e.jsxs("div",{className:s.cn("bear-flex bear-flex-col bear-gap-1.5",u&&"bear-w-full"),children:[t&&e.jsx("label",{className:"bear-text-sm bear-font-medium bear-text-gray-300",children:t}),e.jsxs("div",{className:"bear-relative bear-flex bear-items-center",children:[a&&e.jsx("div",{className:"bear-absolute bear-left-3 bear-text-gray-400",children:a}),e.jsx("input",{ref:f,disabled:c,className:s.cn("bear-w-full bear-rounded-lg bear-border bear-bg-gray-800","bear-text-white placeholder:bear-text-gray-500","bear-outline-none bear-transition-all bear-duration-200","focus:bear-ring-2 focus:bear-ring-offset-2 focus:bear-ring-offset-gray-900",n?"bear-border-red-500 focus:bear-ring-red-500":"bear-border-gray-600 focus:bear-border-bear-500 focus:bear-ring-bear-500",c&&"bear-opacity-50 bear-cursor-not-allowed",a&&"bear-pl-10",b&&"bear-pr-10",m[i],x),...d}),b&&e.jsx("div",{className:"bear-absolute bear-right-3 bear-text-gray-400",children:b})]}),(l||r)&&e.jsx("p",{className:s.cn("bear-text-sm",n?"bear-text-red-500":"bear-text-gray-400"),children:r||l})]})});o.displayName="Input";exports.Input=o;

package/dist/components/Input/Input.d.ts

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

package/dist/components/Input/Input.js

@@ -0,0 +1,64 @@
+import { jsxs as i, jsx as e } from "react/jsx-runtime";
+import { forwardRef as d } from "react";
+import { cn as t } from "../../utils/cn.js";
+const g = {
+  sm: "bear-h-8 bear-text-sm bear-px-3",
+  md: "bear-h-10 bear-text-base bear-px-4",
+  lg: "bear-h-12 bear-text-lg bear-px-5"
+}, p = d(
+  ({
+    label: s,
+    helperText: l,
+    error: r,
+    size: n = "md",
+    leftAddon: a,
+    rightAddon: b,
+    fullWidth: m = !1,
+    className: f,
+    disabled: o,
+    ...x
+  }, u) => {
+    const c = !!r;
+    return /* @__PURE__ */ i("div", { className: t("bear-flex bear-flex-col bear-gap-1.5", m && "bear-w-full"), children: [
+      s && /* @__PURE__ */ e("label", { className: "bear-text-sm bear-font-medium bear-text-gray-300", children: s }),
+      /* @__PURE__ */ i("div", { className: "bear-relative bear-flex bear-items-center", children: [
+        a && /* @__PURE__ */ e("div", { className: "bear-absolute bear-left-3 bear-text-gray-400", children: a }),
+        /* @__PURE__ */ e(
+          "input",
+          {
+            ref: u,
+            disabled: o,
+            className: t(
+              "bear-w-full bear-rounded-lg bear-border bear-bg-gray-800",
+              "bear-text-white placeholder:bear-text-gray-500",
+              "bear-outline-none bear-transition-all bear-duration-200",
+              "focus:bear-ring-2 focus:bear-ring-offset-2 focus:bear-ring-offset-gray-900",
+              c ? "bear-border-red-500 focus:bear-ring-red-500" : "bear-border-gray-600 focus:bear-border-bear-500 focus:bear-ring-bear-500",
+              o && "bear-opacity-50 bear-cursor-not-allowed",
+              a && "bear-pl-10",
+              b && "bear-pr-10",
+              g[n],
+              f
+            ),
+            ...x
+          }
+        ),
+        b && /* @__PURE__ */ e("div", { className: "bear-absolute bear-right-3 bear-text-gray-400", children: b })
+      ] }),
+      (l || r) && /* @__PURE__ */ e(
+        "p",
+        {
+          className: t(
+            "bear-text-sm",
+            c ? "bear-text-red-500" : "bear-text-gray-400"
+          ),
+          children: r || l
+        }
+      )
+    ] });
+  }
+);
+p.displayName = "Input";
+export {
+  p as Input
+};

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

@@ -0,0 +1,17 @@
+import { InputHTMLAttributes, ReactNode } from 'react';
+export interface InputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size'> {
+    /** Input label */
+    label?: string;
+    /** Helper text below input */
+    helperText?: string;
+    /** Error message */
+    error?: string;
+    /** Input size */
+    size?: 'sm' | 'md' | 'lg';
+    /** Left addon */
+    leftAddon?: ReactNode;
+    /** Right addon */
+    rightAddon?: ReactNode;
+    /** Whether input is full width */
+    fullWidth?: boolean;
+}

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

@@ -0,0 +1,2 @@
+export { Input } from './Input';
+export type { InputProps } from './Input.types';

package/dist/components/Kbd/Kbd.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("../../utils/cn.cjs"),x={cmd:"⌘",command:"⌘",ctrl:"⌃",control:"⌃",alt:"⌥",option:"⌥",shift:"⇧",enter:"↵",return:"↵",tab:"⇥",backspace:"⌫",delete:"⌦",escape:"⎋",esc:"⎋",up:"↑",down:"↓",left:"←",right:"→",space:"␣"},u=({children:l,keys:r,size:b="md",variant:s="default",className:c})=>{const i={sm:"bear-text-xs bear-px-1.5 bear-py-0.5 bear-min-w-[18px]",md:"bear-text-sm bear-px-2 bear-py-1 bear-min-w-[24px]",lg:"bear-text-base bear-px-2.5 bear-py-1.5 bear-min-w-[30px]"},o={default:"bear-bg-zinc-700 bear-border-zinc-600 bear-shadow-[0_1px_0_1px_rgba(0,0,0,0.3)]",outline:"bear-bg-transparent bear-border-zinc-500",ghost:"bear-bg-zinc-800/50 bear-border-transparent"},d=(a,n,m)=>{const p=x[a.toLowerCase()]||a.toUpperCase();return e.jsxs("span",{className:"bear-inline-flex bear-items-center",children:[e.jsx("kbd",{className:t.cn("bear-inline-flex bear-items-center bear-justify-center bear-rounded bear-border bear-font-mono bear-font-medium bear-text-zinc-300",i[b],o[s]),children:p}),!m&&e.jsx("span",{className:"bear-mx-1 bear-text-zinc-500",children:"+"})]},n)};return r&&r.length>0?e.jsx("span",{className:t.cn("bear-inline-flex bear-items-center",c),children:r.map((a,n)=>d(a,n,n===r.length-1))}):e.jsx("kbd",{className:t.cn("bear-inline-flex bear-items-center bear-justify-center bear-rounded bear-border bear-font-mono bear-font-medium bear-text-zinc-300",i[b],o[s],c),children:l})};exports.Kbd=u;

package/dist/components/Kbd/Kbd.d.ts

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

package/dist/components/Kbd/Kbd.js

@@ -0,0 +1,58 @@
+import { jsx as n, jsxs as x } from "react/jsx-runtime";
+import { cn as t } from "../../utils/cn.js";
+const f = {
+  cmd: "⌘",
+  command: "⌘",
+  ctrl: "⌃",
+  control: "⌃",
+  alt: "⌥",
+  option: "⌥",
+  shift: "⇧",
+  enter: "↵",
+  return: "↵",
+  tab: "⇥",
+  backspace: "⌫",
+  delete: "⌦",
+  escape: "⎋",
+  esc: "⎋",
+  up: "↑",
+  down: "↓",
+  left: "←",
+  right: "→",
+  space: "␣"
+}, g = ({
+  children: l,
+  keys: e,
+  size: b = "md",
+  variant: s = "default",
+  className: o
+}) => {
+  const c = {
+    sm: "bear-text-xs bear-px-1.5 bear-py-0.5 bear-min-w-[18px]",
+    md: "bear-text-sm bear-px-2 bear-py-1 bear-min-w-[24px]",
+    lg: "bear-text-base bear-px-2.5 bear-py-1.5 bear-min-w-[30px]"
+  }, i = {
+    default: "bear-bg-zinc-700 bear-border-zinc-600 bear-shadow-[0_1px_0_1px_rgba(0,0,0,0.3)]",
+    outline: "bear-bg-transparent bear-border-zinc-500",
+    ghost: "bear-bg-zinc-800/50 bear-border-transparent"
+  }, m = (r, a, d) => {
+    const p = f[r.toLowerCase()] || r.toUpperCase();
+    return /* @__PURE__ */ x("span", { className: "bear-inline-flex bear-items-center", children: [
+      /* @__PURE__ */ n("kbd", { className: t(
+        "bear-inline-flex bear-items-center bear-justify-center bear-rounded bear-border bear-font-mono bear-font-medium bear-text-zinc-300",
+        c[b],
+        i[s]
+      ), children: p }),
+      !d && /* @__PURE__ */ n("span", { className: "bear-mx-1 bear-text-zinc-500", children: "+" })
+    ] }, a);
+  };
+  return e && e.length > 0 ? /* @__PURE__ */ n("span", { className: t("bear-inline-flex bear-items-center", o), children: e.map((r, a) => m(r, a, a === e.length - 1)) }) : /* @__PURE__ */ n("kbd", { className: t(
+    "bear-inline-flex bear-items-center bear-justify-center bear-rounded bear-border bear-font-mono bear-font-medium bear-text-zinc-300",
+    c[b],
+    i[s],
+    o
+  ), children: l });
+};
+export {
+  g as Kbd
+};

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

@@ -0,0 +1,8 @@
+import { ReactNode } from 'react';
+export interface KbdProps {
+    children: ReactNode;
+    keys?: string[];
+    size?: 'sm' | 'md' | 'lg';
+    variant?: 'default' | 'outline' | 'ghost';
+    className?: string;
+}

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

@@ -0,0 +1,2 @@
+export { Kbd } from './Kbd';
+export type { KbdProps } from './Kbd.types';

package/dist/components/Link/Link.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),g=require("react"),y=require("../../utils/cn.cjs"),v={primary:"ember-text-pink-500 hover:ember-text-pink-600",secondary:"ember-text-gray-600 hover:ember-text-gray-700",success:"ember-text-green-500 hover:ember-text-green-600",danger:"ember-text-red-500 hover:ember-text-red-600",warning:"ember-text-amber-500 hover:ember-text-amber-600",info:"ember-text-blue-500 hover:ember-text-blue-600",ghost:"ember-text-gray-500 hover:ember-text-gray-600",outline:"ember-text-gray-700 hover:ember-text-gray-800",error:"ember-text-red-500 hover:ember-text-red-600",inherit:"ember-text-inherit"},f={none:"ember-no-underline",hover:"ember-no-underline hover:ember-underline",always:"ember-underline"},p=()=>e.jsxs("svg",{width:12,height:12,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,className:"ember-inline-block ember-ml-1",children:[e.jsx("path",{d:"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"}),e.jsx("polyline",{points:"15 3 21 3 21 9"}),e.jsx("line",{x1:"10",y1:"14",x2:"21",y2:"3"})]}),i=g.forwardRef(({variant:s="primary",underline:m="hover",color:r,external:t=!1,showExternalIcon:b=!0,children:a,className:x,style:l,testId:c,target:n,rel:o,...u},d)=>{const h=t?{target:n||"_blank",rel:o||"noopener noreferrer"}:{target:n,rel:o};return e.jsxs("a",{ref:d,className:y.cn("ember-cursor-pointer ember-transition-colors ember-duration-200","focus:ember-outline-none focus:ember-ring-2 focus:ember-ring-pink-500 focus:ember-ring-offset-2 ember-rounded",!r&&v[s],f[m],x),style:{...l,...r&&{color:r}},"data-testid":c,...h,...u,children:[a,t&&b&&e.jsx(p,{})]})});i.displayName="Link";exports.Link=i;

package/dist/components/Link/Link.d.ts

@@ -0,0 +1,13 @@
+import { LinkProps } from './Link.types';
+/**
+ * Link component for navigation
+ *
+ * @example
+ * ```tsx
+ * <Link href="/about">About Us</Link>
+ * <Link href="https://example.com" external>External Site</Link>
+ * <Link variant="secondary" underline="hover">Hover link</Link>
+ * ```
+ */
+export declare const Link: import('react').ForwardRefExoticComponent<LinkProps & import('react').RefAttributes<HTMLAnchorElement>>;
+export default Link;

package/dist/components/Link/Link.js

@@ -0,0 +1,81 @@
+import { jsxs as m, jsx as e } from "react/jsx-runtime";
+import { forwardRef as g } from "react";
+import { cn as p } from "../../utils/cn.js";
+const f = {
+  primary: "ember-text-pink-500 hover:ember-text-pink-600",
+  secondary: "ember-text-gray-600 hover:ember-text-gray-700",
+  success: "ember-text-green-500 hover:ember-text-green-600",
+  danger: "ember-text-red-500 hover:ember-text-red-600",
+  warning: "ember-text-amber-500 hover:ember-text-amber-600",
+  info: "ember-text-blue-500 hover:ember-text-blue-600",
+  ghost: "ember-text-gray-500 hover:ember-text-gray-600",
+  outline: "ember-text-gray-700 hover:ember-text-gray-800",
+  error: "ember-text-red-500 hover:ember-text-red-600",
+  inherit: "ember-text-inherit"
+}, v = {
+  none: "ember-no-underline",
+  hover: "ember-no-underline hover:ember-underline",
+  always: "ember-underline"
+}, y = () => /* @__PURE__ */ m(
+  "svg",
+  {
+    width: 12,
+    height: 12,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: 2,
+    className: "ember-inline-block ember-ml-1",
+    children: [
+      /* @__PURE__ */ e("path", { d: "M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6" }),
+      /* @__PURE__ */ e("polyline", { points: "15 3 21 3 21 9" }),
+      /* @__PURE__ */ e("line", { x1: "10", y1: "14", x2: "21", y2: "3" })
+    ]
+  }
+), k = g(({
+  variant: i = "primary",
+  underline: b = "hover",
+  color: r,
+  external: t = !1,
+  showExternalIcon: s = !0,
+  children: a,
+  className: l,
+  style: x,
+  testId: h,
+  target: n,
+  rel: o,
+  ...d
+}, c) => {
+  const u = t ? {
+    target: n || "_blank",
+    rel: o || "noopener noreferrer"
+  } : { target: n, rel: o };
+  return /* @__PURE__ */ m(
+    "a",
+    {
+      ref: c,
+      className: p(
+        "ember-cursor-pointer ember-transition-colors ember-duration-200",
+        "focus:ember-outline-none focus:ember-ring-2 focus:ember-ring-pink-500 focus:ember-ring-offset-2 ember-rounded",
+        !r && f[i],
+        v[b],
+        l
+      ),
+      style: {
+        ...x,
+        ...r && { color: r }
+      },
+      "data-testid": h,
+      ...u,
+      ...d,
+      children: [
+        a,
+        t && s && /* @__PURE__ */ e(y, {})
+      ]
+    }
+  );
+});
+k.displayName = "Link";
+export {
+  k as Link
+};

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

@@ -0,0 +1,18 @@
+import { AnchorHTMLAttributes, ReactNode } from 'react';
+import { BearVariant } from '../../types';
+export interface LinkProps extends AnchorHTMLAttributes<HTMLAnchorElement> {
+    /** Link color variant */
+    variant?: BearVariant | 'inherit';
+    /** Whether link has underline */
+    underline?: 'none' | 'hover' | 'always';
+    /** Custom color override */
+    color?: string;
+    /** Whether link opens in new tab */
+    external?: boolean;
+    /** Whether to show external icon */
+    showExternalIcon?: boolean;
+    /** Link content */
+    children?: ReactNode;
+    /** Test ID */
+    testId?: string;
+}

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

@@ -0,0 +1,2 @@
+export { Link, default } from './Link';
+export type { LinkProps } from './Link.types';

package/dist/components/List/List.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),d=require("react"),n=require("../../utils/cn.cjs"),u=d.createContext({}),w=()=>d.useContext(u),v=d.forwardRef(({variant:r="default",size:e="md",hoverable:a=!1,dense:t=!1,disablePadding:b=!1,className:m,children:o,testId:i,...c},l)=>{const y={xs:"ember-text-xs",sm:"ember-text-sm",md:"ember-text-base",lg:"ember-text-lg",xl:"ember-text-xl"},g={default:"",bordered:"ember-border ember-border-gray-200 dark:ember-border-gray-700 ember-rounded-lg",divided:"[&>li:not(:last-child)]:ember-border-b [&>li:not(:last-child)]:ember-border-gray-200 dark:[&>li:not(:last-child)]:ember-border-gray-700"};return s.jsx(u.Provider,{value:{dense:t,hoverable:a},children:s.jsx("ul",{ref:l,role:"list",className:n.cn("ember-list-none ember-m-0",!b&&"ember-py-2",y[e],g[r],m),"data-testid":i,...c,children:o})})});v.displayName="List";const h=d.forwardRef(({primary:r,secondary:e,leading:a,trailing:t,selected:b=!1,disabled:m=!1,clickable:o=!1,divider:i=!1,dense:c,onClick:l,className:y,children:g,testId:j,...k},L)=>{const{dense:N,hoverable:I}=w(),p=c??N,x=o||!!l;return s.jsxs("li",{ref:L,role:x?"button":"listitem",tabIndex:x&&!m?0:void 0,"aria-selected":b,"aria-disabled":m,onClick:m?void 0:l,onKeyDown:f=>{!m&&(f.key==="Enter"||f.key===" ")&&(f.preventDefault(),l==null||l())},className:n.cn("ember-flex ember-items-center ember-gap-3",p?"ember-py-1 ember-px-3":"ember-py-2 ember-px-4",x&&!m&&"ember-cursor-pointer",(I||x)&&!m&&"hover:ember-bg-gray-100 dark:hover:ember-bg-gray-800",b&&"ember-bg-primary-50 dark:ember-bg-primary-900/20",m&&"ember-opacity-50 ember-cursor-not-allowed",i&&"ember-border-b ember-border-gray-200 dark:ember-border-gray-700",y),"data-testid":j,...k,children:[a&&s.jsx("div",{className:"ember-flex-shrink-0 ember-text-gray-500 dark:ember-text-gray-400",children:a}),r||e?s.jsxs("div",{className:"ember-flex-1 ember-min-w-0",children:[r&&s.jsx("div",{className:"ember-text-gray-900 dark:ember-text-gray-100 ember-truncate",children:r}),e&&s.jsx("div",{className:n.cn("ember-text-gray-500 dark:ember-text-gray-400 ember-truncate",p?"ember-text-xs":"ember-text-sm"),children:e})]}):s.jsx("div",{className:"ember-flex-1 ember-min-w-0",children:g}),t&&s.jsx("div",{className:"ember-flex-shrink-0 ember-text-gray-500 dark:ember-text-gray-400",children:t})]})});h.displayName="ListItem";const D=({sticky:r=!1,inset:e=!1,className:a,children:t,testId:b,...m})=>s.jsx("li",{role:"presentation",className:n.cn("ember-py-2 ember-px-4 ember-text-xs ember-font-semibold ember-uppercase ember-tracking-wider","ember-text-gray-500 dark:ember-text-gray-400","ember-bg-gray-50 dark:ember-bg-gray-800/50",r&&"ember-sticky ember-top-0 ember-z-10",e&&"ember-pl-12",a),"data-testid":b,...m,children:t}),R=({primary:r,secondary:e,inset:a=!1,dense:t=!1,className:b,...m})=>s.jsxs("div",{className:n.cn("ember-flex-1 ember-min-w-0",a&&"ember-pl-9",b),...m,children:[r&&s.jsx("div",{className:"ember-text-gray-900 dark:ember-text-gray-100",children:r}),e&&s.jsx("div",{className:n.cn("ember-text-gray-500 dark:ember-text-gray-400",t?"ember-text-xs":"ember-text-sm"),children:e})]}),S=({align:r="center",className:e,children:a,...t})=>s.jsx("div",{className:n.cn("ember-flex-shrink-0 ember-min-w-[36px]","ember-text-gray-500 dark:ember-text-gray-400",r==="top"&&"ember-self-start ember-mt-1",e),...t,children:a}),q=({selected:r=!1,disabled:e=!1,dense:a=!1,onClick:t,className:b,children:m,...o})=>s.jsx("div",{role:"button",tabIndex:e?-1:0,"aria-selected":r,"aria-disabled":e,onClick:e?void 0:t,onKeyDown:i=>{!e&&(i.key==="Enter"||i.key===" ")&&(i.preventDefault(),t==null||t())},className:n.cn("ember-flex ember-items-center ember-gap-3 ember-w-full ember-text-left",a?"ember-py-1 ember-px-3":"ember-py-2 ember-px-4","ember-cursor-pointer ember-transition-colors","hover:ember-bg-gray-100 dark:hover:ember-bg-gray-800",r&&"ember-bg-primary-50 dark:ember-bg-primary-900/20",e&&"ember-opacity-50 ember-cursor-not-allowed ember-pointer-events-none",b),...o,children:m});exports.List=v;exports.ListItem=h;exports.ListItemButton=q;exports.ListItemIcon=S;exports.ListItemText=R;exports.ListSubheader=D;

package/dist/components/List/List.d.ts

@@ -0,0 +1,35 @@
+import { FC } from 'react';
+import { ListProps, ListItemProps, ListSubheaderProps, ListItemTextProps, ListItemIconProps, ListItemButtonProps } from './List.types';
+/**
+ * List - Displays a list of items
+ *
+ * @example
+ * ```tsx
+ * <List>
+ *   <ListItem primary="Inbox" leading={<MailIcon />} />
+ *   <ListItem primary="Drafts" leading={<FileIcon />} />
+ * </List>
+ * ```
+ */
+export declare const List: import('react').ForwardRefExoticComponent<ListProps & import('react').RefAttributes<HTMLUListElement>>;
+/**
+ * ListItem - Individual item in a list
+ */
+export declare const ListItem: import('react').ForwardRefExoticComponent<ListItemProps & import('react').RefAttributes<HTMLLIElement>>;
+/**
+ * ListSubheader - Section header for grouped lists
+ */
+export declare const ListSubheader: FC<ListSubheaderProps>;
+/**
+ * ListItemText - Text content for list items
+ */
+export declare const ListItemText: FC<ListItemTextProps>;
+/**
+ * ListItemIcon - Icon container for list items
+ */
+export declare const ListItemIcon: FC<ListItemIconProps>;
+/**
+ * ListItemButton - Clickable list item
+ */
+export declare const ListItemButton: FC<ListItemButtonProps>;
+export default List;