@tetrascience-npm/tetrascience-react-ui 0.5.0-beta.20.1 → 0.5.0-beta.21.1

package/dist/components/composed/tdp-link.js

@@ -0,0 +1,84 @@
+import { jsx as d } from "react/jsx-runtime";
+import { createContext as b, useMemo as s, useContext as m } from "react";
+import { getTdpBaseUrlFromReferrer as p, buildTdpUrl as l, navigateToTdpUrl as c } from "./tdp-url.js";
+const v = b(null);
+function N() {
+  const r = m(v);
+  if (!r)
+    throw new Error(
+      "useTdpNavigationContext must be used within a TdpNavigationProvider. Wrap your app with <TdpNavigationProvider> or use the standalone useTdpNavigation() hook instead."
+    );
+  return r;
+}
+const w = ({
+  tdpBaseUrl: r,
+  children: t
+}) => {
+  const e = s(() => r ? r.replace(/\/$/u, "") : p(), [r]), n = s(
+    () => ({
+      tdpBaseUrl: e,
+      getTdpUrl: (o) => e ? l(e, o) : null,
+      navigateToTdp: (o, a) => {
+        if (!e) {
+          console.warn("[TdpNavigation] Cannot navigate: TDP base URL not resolved");
+          return;
+        }
+        const u = l(e, o);
+        u && c(u, a);
+      }
+    }),
+    [e]
+  );
+  return /* @__PURE__ */ d(v.Provider, { value: n, children: t });
+};
+function x(r = {}) {
+  const { tdpBaseUrl: t } = r, e = s(() => t ? t.replace(/\/$/u, "") : p(), [t]);
+  return s(
+    () => ({
+      tdpBaseUrl: e,
+      getTdpUrl: (n) => e ? l(e, n) : null,
+      navigateToTdp: (n, o) => {
+        if (!e) {
+          console.warn("[useTdpNavigation] Cannot navigate: TDP base URL not resolved");
+          return;
+        }
+        const a = l(e, n);
+        a && c(a, o);
+      }
+    }),
+    [e]
+  );
+}
+const P = ({
+  path: r,
+  navigationOptions: t = { newTab: !0 },
+  children: e,
+  onClick: n,
+  className: o,
+  ...a
+}) => {
+  const { getTdpUrl: u, navigateToTdp: T } = N(), f = u(r), g = (i) => {
+    i.metaKey || i.ctrlKey || i.shiftKey || (i.preventDefault(), n?.(i), T(r, t));
+  };
+  return /* @__PURE__ */ d(
+    "a",
+    {
+      href: f ?? "#",
+      target: t.newTab ? "_blank" : void 0,
+      rel: t.newTab ? "noopener noreferrer" : void 0,
+      onClick: g,
+      className: `no-underline cursor-pointer hover:underline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:rounded-[2px] ${o ?? ""}`,
+      style: { color: "var(--primary)", outlineColor: "var(--border)" },
+      ...a,
+      children: e
+    }
+  );
+};
+export {
+  P as TDPLink,
+  v as TdpNavigationContext,
+  w as TdpNavigationProvider,
+  x as useTdpNavigation,
+  N as useTdpNavigationContext
+};
+//# sourceMappingURL=tdp-link.js.map

package/dist/components/composed/tdp-link.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tdp-link.js","sources":["../../../src/components/composed/tdp-link.tsx"],"sourcesContent":["import React, { createContext, useContext, useMemo } from 'react';\n\nimport { buildTdpUrl, getTdpBaseUrlFromReferrer, navigateToTdpUrl } from './tdp-url';\n\nimport type { TdpNavigationOptions } from './tdp-url';\n\nexport interface TdpNavigationContextValue {\n  /** The resolved TDP base URL (origin + org path prefix), or null if not resolved */\n  tdpBaseUrl: string | null;\n  /** Construct a full TDP URL from a path. Returns null if base URL is not resolved. */\n  getTdpUrl: (path: string) => string | null;\n  /** Navigate to a TDP page. */\n  navigateToTdp: (path: string, options?: TdpNavigationOptions) => void;\n}\n\nexport const TdpNavigationContext = createContext<TdpNavigationContextValue | null>(null);\n\n/**\n * Access TDP navigation helpers from the nearest TdpNavigationProvider.\n *\n * @throws Error if used outside a TdpNavigationProvider\n *\n * @example\n * ```tsx\n * const { getTdpUrl, navigateToTdp } = useTdpNavigationContext();\n * ```\n */\nexport function useTdpNavigationContext(): TdpNavigationContextValue {\n  const context = useContext(TdpNavigationContext);\n  if (!context) {\n    throw new Error(\n      'useTdpNavigationContext must be used within a TdpNavigationProvider. ' +\n        'Wrap your app with <TdpNavigationProvider> or use the standalone useTdpNavigation() hook instead.',\n    );\n  }\n  return context;\n}\n\n/** Props for the TdpNavigationProvider component */\nexport interface TdpNavigationProviderProps {\n  /**\n   * Explicit TDP base URL override. Skips auto-detection when provided.\n   */\n  tdpBaseUrl?: string;\n  children: React.ReactNode;\n}\n\n/**\n * Provider that resolves the TDP base URL and exposes navigation helpers.\n *\n * Resolution order:\n * 1. Explicit `tdpBaseUrl` prop (if provided)\n * 2. `document.referrer` parsing (production iframe)\n *\n * @example\n * ```tsx\n * <TdpNavigationProvider tdpBaseUrl=\"https://tetrascience.com/my-org\">\n *   <App />\n * </TdpNavigationProvider>\n * ```\n */\nexport const TdpNavigationProvider: React.FC<TdpNavigationProviderProps> = ({\n  tdpBaseUrl: explicitBaseUrl,\n  children,\n}) => {\n  const tdpBaseUrl = useMemo(() => {\n    if (explicitBaseUrl) {\n      return explicitBaseUrl.replace(/\\/$/u, '');\n    }\n    return getTdpBaseUrlFromReferrer();\n  }, [explicitBaseUrl]);\n\n  const contextValue = useMemo<TdpNavigationContextValue>(\n    () => ({\n      tdpBaseUrl,\n      getTdpUrl: (path: string) => {\n        if (!tdpBaseUrl) return null;\n        return buildTdpUrl(tdpBaseUrl, path);\n      },\n      navigateToTdp: (path: string, options?: TdpNavigationOptions) => {\n        if (!tdpBaseUrl) {\n          console.warn('[TdpNavigation] Cannot navigate: TDP base URL not resolved');\n          return;\n        }\n        const url = buildTdpUrl(tdpBaseUrl, path);\n        if (url) {\n          navigateToTdpUrl(url, options);\n        }\n      },\n    }),\n    [tdpBaseUrl],\n  );\n\n  return <TdpNavigationContext.Provider value={contextValue}>{children}</TdpNavigationContext.Provider>;\n};\n\nexport interface UseTdpNavigationOptions {\n  /** Explicit TDP base URL override */\n  tdpBaseUrl?: string;\n}\n\nexport interface UseTdpNavigationReturn {\n  /** The resolved TDP base URL, or null */\n  tdpBaseUrl: string | null;\n  /** Construct a full TDP URL from a path */\n  getTdpUrl: (path: string) => string | null;\n  /** Navigate to a TDP page */\n  navigateToTdp: (path: string, options?: TdpNavigationOptions) => void;\n}\n\n/**\n * Standalone hook for TDP navigation (no provider required).\n *\n * For simple use cases where you don't need a TdpNavigationProvider.\n * If multiple components need navigation, prefer the provider approach.\n *\n * @example\n * ```tsx\n * function MyComponent() {\n *   const { getTdpUrl, navigateToTdp } = useTdpNavigation({\n *     tdpBaseUrl: \"https://tetrascience.com/my-org\",\n *   });\n *\n *   return (\n *     <a href={getTdpUrl(\"/file/abc\") ?? \"#\"} target=\"_blank\" rel=\"noopener noreferrer\">\n *       View File\n *     </a>\n *   );\n * }\n * ```\n */\nexport function useTdpNavigation(options: UseTdpNavigationOptions = {}): UseTdpNavigationReturn {\n  const { tdpBaseUrl: explicitBaseUrl } = options;\n\n  const tdpBaseUrl = useMemo(() => {\n    if (explicitBaseUrl) return explicitBaseUrl.replace(/\\/$/u, '');\n    return getTdpBaseUrlFromReferrer();\n  }, [explicitBaseUrl]);\n\n  return useMemo(\n    () => ({\n      tdpBaseUrl,\n      getTdpUrl: (path: string) => (tdpBaseUrl ? buildTdpUrl(tdpBaseUrl, path) : null),\n      navigateToTdp: (path: string, opts?: TdpNavigationOptions) => {\n        if (!tdpBaseUrl) {\n          console.warn('[useTdpNavigation] Cannot navigate: TDP base URL not resolved');\n          return;\n        }\n        const url = buildTdpUrl(tdpBaseUrl, path);\n        if (url) navigateToTdpUrl(url, opts);\n      },\n    }),\n    [tdpBaseUrl],\n  );\n}\n\n/** Props for the TDPLink component */\nexport interface TDPLinkProps extends Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, 'href'> {\n  /** TDP page path (e.g., \"/file/abc-123\" or use tdpPaths helpers) */\n  path: string;\n  /** Navigation behavior. Default: { newTab: true } */\n  navigationOptions?: TdpNavigationOptions;\n  children: React.ReactNode;\n  ref?: React.Ref<HTMLAnchorElement>;\n}\n\n/**\n * A link component that navigates to TDP pages.\n *\n * Renders a standard `<a>` tag with the correct href for right-click\n * \"Open in new tab\" support, accessibility, and SEO.\n *\n * Must be used inside a `<TdpNavigationProvider>`.\n *\n * @example\n * ```tsx\n * import { TDPLink, tdpPaths } from '@tetrascience-npm/tetrascience-react-ui';\n *\n * <TDPLink path={tdpPaths.fileDetails(\"abc-123\")}>\n *   View File Details\n * </TDPLink>\n *\n * <TDPLink path=\"/search?q=test\" navigationOptions={{ newTab: false }}>\n *   Search in TDP (same tab)\n * </TDPLink>\n * ```\n */\nexport const TDPLink: React.FC<TDPLinkProps> = ({\n  path,\n  navigationOptions = { newTab: true },\n  children,\n  onClick,\n  className,\n  ...rest\n}) => {\n  const { getTdpUrl, navigateToTdp } = useTdpNavigationContext();\n  const href = getTdpUrl(path);\n\n  const handleClick = (e: React.MouseEvent<HTMLAnchorElement>) => {\n    // Let modifier-key clicks through for native \"open in new tab\" behavior\n    if (e.metaKey || e.ctrlKey || e.shiftKey) {\n      return;\n    }\n\n    e.preventDefault();\n    onClick?.(e);\n    navigateToTdp(path, navigationOptions);\n  };\n\n  return (\n    <a\n      href={href ?? '#'}\n      target={navigationOptions.newTab ? '_blank' : undefined}\n      rel={navigationOptions.newTab ? 'noopener noreferrer' : undefined}\n      onClick={handleClick}\n      className={`no-underline cursor-pointer hover:underline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:rounded-[2px] ${className ?? ''}`}\n      style={{ color: 'var(--primary)', outlineColor: 'var(--border)' }}\n      {...rest}\n    >\n      {children}\n    </a>\n  );\n};\n"],"names":["TdpNavigationContext","createContext","useTdpNavigationContext","context","useContext","TdpNavigationProvider","explicitBaseUrl","children","tdpBaseUrl","useMemo","getTdpBaseUrlFromReferrer","contextValue","path","buildTdpUrl","options","url","navigateToTdpUrl","useTdpNavigation","opts","TDPLink","navigationOptions","onClick","className","rest","getTdpUrl","navigateToTdp","href","handleClick","e","jsx"],"mappings":";;;AAeO,MAAMA,IAAuBC,EAAgD,IAAI;AAYjF,SAASC,IAAqD;AACnE,QAAMC,IAAUC,EAAWJ,CAAoB;AAC/C,MAAI,CAACG;AACH,UAAM,IAAI;AAAA,MACR;AAAA,IAAA;AAIJ,SAAOA;AACT;AAyBO,MAAME,IAA8D,CAAC;AAAA,EAC1E,YAAYC;AAAA,EACZ,UAAAC;AACF,MAAM;AACJ,QAAMC,IAAaC,EAAQ,MACrBH,IACKA,EAAgB,QAAQ,QAAQ,EAAE,IAEpCI,EAAA,GACN,CAACJ,CAAe,CAAC,GAEdK,IAAeF;AAAA,IACnB,OAAO;AAAA,MACL,YAAAD;AAAA,MACA,WAAW,CAACI,MACLJ,IACEK,EAAYL,GAAYI,CAAI,IADX;AAAA,MAG1B,eAAe,CAACA,GAAcE,MAAmC;AAC/D,YAAI,CAACN,GAAY;AACf,kBAAQ,KAAK,4DAA4D;AACzE;AAAA,QACF;AACA,cAAMO,IAAMF,EAAYL,GAAYI,CAAI;AACxC,QAAIG,KACFC,EAAiBD,GAAKD,CAAO;AAAA,MAEjC;AAAA,IAAA;AAAA,IAEF,CAACN,CAAU;AAAA,EAAA;AAGb,2BAAQR,EAAqB,UAArB,EAA8B,OAAOW,GAAe,UAAAJ,GAAS;AACvE;AAqCO,SAASU,EAAiBH,IAAmC,IAA4B;AAC9F,QAAM,EAAE,YAAYR,EAAA,IAAoBQ,GAElCN,IAAaC,EAAQ,MACrBH,IAAwBA,EAAgB,QAAQ,QAAQ,EAAE,IACvDI,EAAA,GACN,CAACJ,CAAe,CAAC;AAEpB,SAAOG;AAAA,IACL,OAAO;AAAA,MACL,YAAAD;AAAA,MACA,WAAW,CAACI,MAAkBJ,IAAaK,EAAYL,GAAYI,CAAI,IAAI;AAAA,MAC3E,eAAe,CAACA,GAAcM,MAAgC;AAC5D,YAAI,CAACV,GAAY;AACf,kBAAQ,KAAK,+DAA+D;AAC5E;AAAA,QACF;AACA,cAAMO,IAAMF,EAAYL,GAAYI,CAAI;AACxC,QAAIG,KAAKC,EAAiBD,GAAKG,CAAI;AAAA,MACrC;AAAA,IAAA;AAAA,IAEF,CAACV,CAAU;AAAA,EAAA;AAEf;AAiCO,MAAMW,IAAkC,CAAC;AAAA,EAC9C,MAAAP;AAAA,EACA,mBAAAQ,IAAoB,EAAE,QAAQ,GAAA;AAAA,EAC9B,UAAAb;AAAA,EACA,SAAAc;AAAA,EACA,WAAAC;AAAA,EACA,GAAGC;AACL,MAAM;AACJ,QAAM,EAAE,WAAAC,GAAW,eAAAC,EAAA,IAAkBvB,EAAA,GAC/BwB,IAAOF,EAAUZ,CAAI,GAErBe,IAAc,CAACC,MAA2C;AAE9D,IAAIA,EAAE,WAAWA,EAAE,WAAWA,EAAE,aAIhCA,EAAE,eAAA,GACFP,IAAUO,CAAC,GACXH,EAAcb,GAAMQ,CAAiB;AAAA,EACvC;AAEA,SACE,gBAAAS;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAMH,KAAQ;AAAA,MACd,QAAQN,EAAkB,SAAS,WAAW;AAAA,MAC9C,KAAKA,EAAkB,SAAS,wBAAwB;AAAA,MACxD,SAASO;AAAA,MACT,WAAW,kIAAkIL,KAAa,EAAE;AAAA,MAC5J,OAAO,EAAE,OAAO,kBAAkB,cAAc,gBAAA;AAAA,MAC/C,GAAGC;AAAA,MAEH,UAAAhB;AAAA,IAAA;AAAA,EAAA;AAGP;"}

package/dist/components/composed/tdp-url.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=["/data-workspace","/data-apps","/pipelines","/pipeline-edit/","/pipeline-details/","/pipeline-processing/","/file/","/file-details/","/files","/search","/search-classic","/artifacts/","/admin","/settings","/agent-studio"];function o(){if(typeof document>"u"||!document.referrer)return null;try{const e=new URL(document.referrer),t=e.pathname;for(const r of i){const n=t.indexOf(r);if(n!==-1){const a=t.slice(0,n).replace(/\/$/u,"");return`${e.origin}${a}`}}return e.origin}catch{return null}}function p(e,t){try{const r=t.startsWith("/")?t:`/${t}`,n=new URL(e);return n.pathname=`${n.pathname.replace(/\/$/u,"")}${r}`,n.href}catch{return null}}function s(e,t={}){if(t.newTab){window.open(e,"_blank","noopener,noreferrer");return}if(window.parent!==window)try{window.parent.location.href}catch{try{const r=new URL(e),n=`${r.pathname}${r.search}${r.hash}`;window.parent.postMessage({type:"navigate",path:n},"*");return}catch{}}window.location.href=e}const c={fileDetails:e=>`/file/${e}`,pipelineEdit:e=>`/pipeline-edit/${e}`,pipelineDetails:e=>`/pipeline-details/${e}`,search:e=>e?`/search?q=${encodeURIComponent(e)}`:"/search",dataWorkspace:()=>"/data-workspace",dataApps:()=>"/data-apps",artifact:(e,t,r)=>`/artifacts/${e}/${t}/${r}`};exports.buildTdpUrl=p;exports.getTdpBaseUrlFromReferrer=o;exports.navigateToTdpUrl=s;exports.tdpPaths=c;
+//# sourceMappingURL=tdp-url.cjs.map

package/dist/components/composed/tdp-url.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"tdp-url.cjs","sources":["../../../src/components/composed/tdp-url.ts"],"sourcesContent":["/**\n * TDP Navigation Utilities\n *\n * Pure utility functions for constructing and navigating to TDP URLs.\n * These work independently of React and can be used in any context.\n *\n * Data apps run inside iframes within TDP. These utilities help resolve\n * the TDP base URL from the iframe context and construct navigation URLs.\n */\n\n/**\n * Known TDP route prefixes. When found in a referrer URL's pathname,\n * everything from the prefix onward is stripped to derive the TDP base URL.\n */\nconst TDP_ROUTE_PREFIXES = [\n  '/data-workspace',\n  '/data-apps',\n  '/pipelines',\n  '/pipeline-edit/',\n  '/pipeline-details/',\n  '/pipeline-processing/',\n  '/file/',\n  '/file-details/',\n  '/files',\n  '/search',\n  '/search-classic',\n  '/artifacts/',\n  '/admin',\n  '/settings',\n  '/agent-studio',\n];\n\n/**\n * Extract the TDP base URL from `document.referrer`.\n *\n * In production, data apps run inside iframes within TDP. The browser\n * provides `document.referrer` containing the parent TDP page URL.\n * This function strips the known route path to get the base URL\n * (origin + org slug path prefix).\n *\n * @example\n * // referrer: \"https://tetrascience-uat.com/my-org/data-workspace/abc\"\n * getTdpBaseUrlFromReferrer() // \"https://tetrascience-uat.com/my-org\"\n *\n * @returns The TDP base URL, or null if detection fails\n */\nexport function getTdpBaseUrlFromReferrer(): string | null {\n  if (typeof document === 'undefined' || !document.referrer) {\n    return null;\n  }\n\n  try {\n    const referrerUrl = new URL(document.referrer);\n    const pathname = referrerUrl.pathname;\n\n    for (const prefix of TDP_ROUTE_PREFIXES) {\n      const prefixIndex = pathname.indexOf(prefix);\n      if (prefixIndex !== -1) {\n        const basePath = pathname.slice(0, prefixIndex).replace(/\\/$/u, '');\n        return `${referrerUrl.origin}${basePath}`;\n      }\n    }\n\n    // No known route matched — return origin (handles TDP root pages)\n    return referrerUrl.origin;\n  } catch {\n    return null;\n  }\n}\n\n/**\n * Construct a full TDP URL by joining a base URL with a path.\n *\n * @example\n * buildTdpUrl(\"https://tetrascience.com/my-org\", \"/file/abc-123\")\n * // \"https://tetrascience.com/my-org/file/abc-123\"\n *\n * @param baseUrl - The TDP base URL (origin + optional org prefix)\n * @param path - The TDP page path (e.g., \"/file/abc-123\")\n * @returns The full TDP URL, or null if construction fails\n */\nexport function buildTdpUrl(baseUrl: string, path: string): string | null {\n  try {\n    const normalizedPath = path.startsWith('/') ? path : `/${path}`;\n    const url = new URL(baseUrl);\n    url.pathname = `${url.pathname.replace(/\\/$/u, '')}${normalizedPath}`;\n    return url.href;\n  } catch {\n    return null;\n  }\n}\n\nexport interface TdpNavigationOptions {\n  /** Open in a new tab instead of navigating the parent TDP frame. Default: false */\n  newTab?: boolean;\n}\n\n/**\n * Navigate to a TDP URL.\n *\n * - `{ newTab: true }` opens the URL in a new browser tab.\n * - Default: sends a `postMessage` to the parent TDP frame (same-tab navigation\n *   when inside an iframe), or navigates the current window (standalone).\n *\n * @param url - Full TDP URL to navigate to\n * @param options - Navigation options\n */\nexport function navigateToTdpUrl(url: string, options: TdpNavigationOptions = {}): void {\n  if (options.newTab) {\n    window.open(url, '_blank', 'noopener,noreferrer');\n    return;\n  }\n\n  // In a cross-origin iframe (TDP), use postMessage to navigate the parent frame.\n  // Same-origin iframes (e.g., Storybook) fall through to direct navigation.\n  if (window.parent !== window) {\n    try {\n      // Accessing window.parent.location.href throws SecurityError if cross-origin\n      void window.parent.location.href;\n    } catch {\n      // Cross-origin iframe — use postMessage to navigate the parent TDP frame\n      try {\n        const tdpUrl = new URL(url);\n        const relativePath = `${tdpUrl.pathname}${tdpUrl.search}${tdpUrl.hash}`;\n        window.parent.postMessage({ type: 'navigate', path: relativePath }, '*');\n        return;\n      } catch {\n        // Fall through to direct navigation\n      }\n    }\n  }\n\n  // Fallback: direct navigation (local dev or non-iframe)\n  window.location.href = url;\n}\n\n/**\n * Convenience helpers for constructing common TDP page paths.\n * Returns path strings for use with `getTdpUrl()` or `buildTdpUrl()`.\n *\n * @example\n * const { getTdpUrl } = useTdpNavigation();\n * const url = getTdpUrl(tdpPaths.fileDetails(\"abc-123\"));\n */\nexport const tdpPaths = {\n  fileDetails: (fileId: string) => `/file/${fileId}`,\n  pipelineEdit: (pipelineId: string) => `/pipeline-edit/${pipelineId}`,\n  pipelineDetails: (pipelineId: string) => `/pipeline-details/${pipelineId}`,\n  search: (query?: string) => (query ? `/search?q=${encodeURIComponent(query)}` : '/search'),\n  dataWorkspace: () => '/data-workspace',\n  dataApps: () => '/data-apps',\n  artifact: (type: string, namespace: string, slug: string) => `/artifacts/${type}/${namespace}/${slug}`,\n};\n"],"names":["TDP_ROUTE_PREFIXES","getTdpBaseUrlFromReferrer","referrerUrl","pathname","prefix","prefixIndex","basePath","buildTdpUrl","baseUrl","path","normalizedPath","url","navigateToTdpUrl","options","tdpUrl","relativePath","tdpPaths","fileId","pipelineId","query","type","namespace","slug"],"mappings":"gFAcA,MAAMA,EAAqB,CACzB,kBACA,aACA,aACA,kBACA,qBACA,wBACA,SACA,iBACA,SACA,UACA,kBACA,cACA,SACA,YACA,eACF,EAgBO,SAASC,GAA2C,CACzD,GAAI,OAAO,SAAa,KAAe,CAAC,SAAS,SAC/C,OAAO,KAGT,GAAI,CACF,MAAMC,EAAc,IAAI,IAAI,SAAS,QAAQ,EACvCC,EAAWD,EAAY,SAE7B,UAAWE,KAAUJ,EAAoB,CACvC,MAAMK,EAAcF,EAAS,QAAQC,CAAM,EAC3C,GAAIC,IAAgB,GAAI,CACtB,MAAMC,EAAWH,EAAS,MAAM,EAAGE,CAAW,EAAE,QAAQ,OAAQ,EAAE,EAClE,MAAO,GAAGH,EAAY,MAAM,GAAGI,CAAQ,EACzC,CACF,CAGA,OAAOJ,EAAY,MACrB,MAAQ,CACN,OAAO,IACT,CACF,CAaO,SAASK,EAAYC,EAAiBC,EAA6B,CACxE,GAAI,CACF,MAAMC,EAAiBD,EAAK,WAAW,GAAG,EAAIA,EAAO,IAAIA,CAAI,GACvDE,EAAM,IAAI,IAAIH,CAAO,EAC3B,OAAAG,EAAI,SAAW,GAAGA,EAAI,SAAS,QAAQ,OAAQ,EAAE,CAAC,GAAGD,CAAc,GAC5DC,EAAI,IACb,MAAQ,CACN,OAAO,IACT,CACF,CAiBO,SAASC,EAAiBD,EAAaE,EAAgC,GAAU,CACtF,GAAIA,EAAQ,OAAQ,CAClB,OAAO,KAAKF,EAAK,SAAU,qBAAqB,EAChD,MACF,CAIA,GAAI,OAAO,SAAW,OACpB,GAAI,CAEG,OAAO,OAAO,SAAS,IAC9B,MAAQ,CAEN,GAAI,CACF,MAAMG,EAAS,IAAI,IAAIH,CAAG,EACpBI,EAAe,GAAGD,EAAO,QAAQ,GAAGA,EAAO,MAAM,GAAGA,EAAO,IAAI,GACrE,OAAO,OAAO,YAAY,CAAE,KAAM,WAAY,KAAMC,CAAA,EAAgB,GAAG,EACvE,MACF,MAAQ,CAER,CACF,CAIF,OAAO,SAAS,KAAOJ,CACzB,CAUO,MAAMK,EAAW,CACtB,YAAcC,GAAmB,SAASA,CAAM,GAChD,aAAeC,GAAuB,kBAAkBA,CAAU,GAClE,gBAAkBA,GAAuB,qBAAqBA,CAAU,GACxE,OAASC,GAAoBA,EAAQ,aAAa,mBAAmBA,CAAK,CAAC,GAAK,UAChF,cAAe,IAAM,kBACrB,SAAU,IAAM,aAChB,SAAU,CAACC,EAAcC,EAAmBC,IAAiB,cAAcF,CAAI,IAAIC,CAAS,IAAIC,CAAI,EACtG"}

package/dist/components/composed/tdp-url.js

@@ -0,0 +1,76 @@
+const i = [
+  "/data-workspace",
+  "/data-apps",
+  "/pipelines",
+  "/pipeline-edit/",
+  "/pipeline-details/",
+  "/pipeline-processing/",
+  "/file/",
+  "/file-details/",
+  "/files",
+  "/search",
+  "/search-classic",
+  "/artifacts/",
+  "/admin",
+  "/settings",
+  "/agent-studio"
+];
+function o() {
+  if (typeof document > "u" || !document.referrer)
+    return null;
+  try {
+    const e = new URL(document.referrer), t = e.pathname;
+    for (const n of i) {
+      const a = t.indexOf(n);
+      if (a !== -1) {
+        const r = t.slice(0, a).replace(/\/$/u, "");
+        return `${e.origin}${r}`;
+      }
+    }
+    return e.origin;
+  } catch {
+    return null;
+  }
+}
+function p(e, t) {
+  try {
+    const n = t.startsWith("/") ? t : `/${t}`, a = new URL(e);
+    return a.pathname = `${a.pathname.replace(/\/$/u, "")}${n}`, a.href;
+  } catch {
+    return null;
+  }
+}
+function s(e, t = {}) {
+  if (t.newTab) {
+    window.open(e, "_blank", "noopener,noreferrer");
+    return;
+  }
+  if (window.parent !== window)
+    try {
+      window.parent.location.href;
+    } catch {
+      try {
+        const n = new URL(e), a = `${n.pathname}${n.search}${n.hash}`;
+        window.parent.postMessage({ type: "navigate", path: a }, "*");
+        return;
+      } catch {
+      }
+    }
+  window.location.href = e;
+}
+const c = {
+  fileDetails: (e) => `/file/${e}`,
+  pipelineEdit: (e) => `/pipeline-edit/${e}`,
+  pipelineDetails: (e) => `/pipeline-details/${e}`,
+  search: (e) => e ? `/search?q=${encodeURIComponent(e)}` : "/search",
+  dataWorkspace: () => "/data-workspace",
+  dataApps: () => "/data-apps",
+  artifact: (e, t, n) => `/artifacts/${e}/${t}/${n}`
+};
+export {
+  p as buildTdpUrl,
+  o as getTdpBaseUrlFromReferrer,
+  s as navigateToTdpUrl,
+  c as tdpPaths
+};
+//# sourceMappingURL=tdp-url.js.map

package/dist/components/composed/tdp-url.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tdp-url.js","sources":["../../../src/components/composed/tdp-url.ts"],"sourcesContent":["/**\n * TDP Navigation Utilities\n *\n * Pure utility functions for constructing and navigating to TDP URLs.\n * These work independently of React and can be used in any context.\n *\n * Data apps run inside iframes within TDP. These utilities help resolve\n * the TDP base URL from the iframe context and construct navigation URLs.\n */\n\n/**\n * Known TDP route prefixes. When found in a referrer URL's pathname,\n * everything from the prefix onward is stripped to derive the TDP base URL.\n */\nconst TDP_ROUTE_PREFIXES = [\n  '/data-workspace',\n  '/data-apps',\n  '/pipelines',\n  '/pipeline-edit/',\n  '/pipeline-details/',\n  '/pipeline-processing/',\n  '/file/',\n  '/file-details/',\n  '/files',\n  '/search',\n  '/search-classic',\n  '/artifacts/',\n  '/admin',\n  '/settings',\n  '/agent-studio',\n];\n\n/**\n * Extract the TDP base URL from `document.referrer`.\n *\n * In production, data apps run inside iframes within TDP. The browser\n * provides `document.referrer` containing the parent TDP page URL.\n * This function strips the known route path to get the base URL\n * (origin + org slug path prefix).\n *\n * @example\n * // referrer: \"https://tetrascience-uat.com/my-org/data-workspace/abc\"\n * getTdpBaseUrlFromReferrer() // \"https://tetrascience-uat.com/my-org\"\n *\n * @returns The TDP base URL, or null if detection fails\n */\nexport function getTdpBaseUrlFromReferrer(): string | null {\n  if (typeof document === 'undefined' || !document.referrer) {\n    return null;\n  }\n\n  try {\n    const referrerUrl = new URL(document.referrer);\n    const pathname = referrerUrl.pathname;\n\n    for (const prefix of TDP_ROUTE_PREFIXES) {\n      const prefixIndex = pathname.indexOf(prefix);\n      if (prefixIndex !== -1) {\n        const basePath = pathname.slice(0, prefixIndex).replace(/\\/$/u, '');\n        return `${referrerUrl.origin}${basePath}`;\n      }\n    }\n\n    // No known route matched — return origin (handles TDP root pages)\n    return referrerUrl.origin;\n  } catch {\n    return null;\n  }\n}\n\n/**\n * Construct a full TDP URL by joining a base URL with a path.\n *\n * @example\n * buildTdpUrl(\"https://tetrascience.com/my-org\", \"/file/abc-123\")\n * // \"https://tetrascience.com/my-org/file/abc-123\"\n *\n * @param baseUrl - The TDP base URL (origin + optional org prefix)\n * @param path - The TDP page path (e.g., \"/file/abc-123\")\n * @returns The full TDP URL, or null if construction fails\n */\nexport function buildTdpUrl(baseUrl: string, path: string): string | null {\n  try {\n    const normalizedPath = path.startsWith('/') ? path : `/${path}`;\n    const url = new URL(baseUrl);\n    url.pathname = `${url.pathname.replace(/\\/$/u, '')}${normalizedPath}`;\n    return url.href;\n  } catch {\n    return null;\n  }\n}\n\nexport interface TdpNavigationOptions {\n  /** Open in a new tab instead of navigating the parent TDP frame. Default: false */\n  newTab?: boolean;\n}\n\n/**\n * Navigate to a TDP URL.\n *\n * - `{ newTab: true }` opens the URL in a new browser tab.\n * - Default: sends a `postMessage` to the parent TDP frame (same-tab navigation\n *   when inside an iframe), or navigates the current window (standalone).\n *\n * @param url - Full TDP URL to navigate to\n * @param options - Navigation options\n */\nexport function navigateToTdpUrl(url: string, options: TdpNavigationOptions = {}): void {\n  if (options.newTab) {\n    window.open(url, '_blank', 'noopener,noreferrer');\n    return;\n  }\n\n  // In a cross-origin iframe (TDP), use postMessage to navigate the parent frame.\n  // Same-origin iframes (e.g., Storybook) fall through to direct navigation.\n  if (window.parent !== window) {\n    try {\n      // Accessing window.parent.location.href throws SecurityError if cross-origin\n      void window.parent.location.href;\n    } catch {\n      // Cross-origin iframe — use postMessage to navigate the parent TDP frame\n      try {\n        const tdpUrl = new URL(url);\n        const relativePath = `${tdpUrl.pathname}${tdpUrl.search}${tdpUrl.hash}`;\n        window.parent.postMessage({ type: 'navigate', path: relativePath }, '*');\n        return;\n      } catch {\n        // Fall through to direct navigation\n      }\n    }\n  }\n\n  // Fallback: direct navigation (local dev or non-iframe)\n  window.location.href = url;\n}\n\n/**\n * Convenience helpers for constructing common TDP page paths.\n * Returns path strings for use with `getTdpUrl()` or `buildTdpUrl()`.\n *\n * @example\n * const { getTdpUrl } = useTdpNavigation();\n * const url = getTdpUrl(tdpPaths.fileDetails(\"abc-123\"));\n */\nexport const tdpPaths = {\n  fileDetails: (fileId: string) => `/file/${fileId}`,\n  pipelineEdit: (pipelineId: string) => `/pipeline-edit/${pipelineId}`,\n  pipelineDetails: (pipelineId: string) => `/pipeline-details/${pipelineId}`,\n  search: (query?: string) => (query ? `/search?q=${encodeURIComponent(query)}` : '/search'),\n  dataWorkspace: () => '/data-workspace',\n  dataApps: () => '/data-apps',\n  artifact: (type: string, namespace: string, slug: string) => `/artifacts/${type}/${namespace}/${slug}`,\n};\n"],"names":["TDP_ROUTE_PREFIXES","getTdpBaseUrlFromReferrer","referrerUrl","pathname","prefix","prefixIndex","basePath","buildTdpUrl","baseUrl","path","normalizedPath","url","navigateToTdpUrl","options","tdpUrl","relativePath","tdpPaths","fileId","pipelineId","query","type","namespace","slug"],"mappings":"AAcA,MAAMA,IAAqB;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAgBO,SAASC,IAA2C;AACzD,MAAI,OAAO,WAAa,OAAe,CAAC,SAAS;AAC/C,WAAO;AAGT,MAAI;AACF,UAAMC,IAAc,IAAI,IAAI,SAAS,QAAQ,GACvCC,IAAWD,EAAY;AAE7B,eAAWE,KAAUJ,GAAoB;AACvC,YAAMK,IAAcF,EAAS,QAAQC,CAAM;AAC3C,UAAIC,MAAgB,IAAI;AACtB,cAAMC,IAAWH,EAAS,MAAM,GAAGE,CAAW,EAAE,QAAQ,QAAQ,EAAE;AAClE,eAAO,GAAGH,EAAY,MAAM,GAAGI,CAAQ;AAAA,MACzC;AAAA,IACF;AAGA,WAAOJ,EAAY;AAAA,EACrB,QAAQ;AACN,WAAO;AAAA,EACT;AACF;AAaO,SAASK,EAAYC,GAAiBC,GAA6B;AACxE,MAAI;AACF,UAAMC,IAAiBD,EAAK,WAAW,GAAG,IAAIA,IAAO,IAAIA,CAAI,IACvDE,IAAM,IAAI,IAAIH,CAAO;AAC3B,WAAAG,EAAI,WAAW,GAAGA,EAAI,SAAS,QAAQ,QAAQ,EAAE,CAAC,GAAGD,CAAc,IAC5DC,EAAI;AAAA,EACb,QAAQ;AACN,WAAO;AAAA,EACT;AACF;AAiBO,SAASC,EAAiBD,GAAaE,IAAgC,IAAU;AACtF,MAAIA,EAAQ,QAAQ;AAClB,WAAO,KAAKF,GAAK,UAAU,qBAAqB;AAChD;AAAA,EACF;AAIA,MAAI,OAAO,WAAW;AACpB,QAAI;AAEF,MAAK,OAAO,OAAO,SAAS;AAAA,IAC9B,QAAQ;AAEN,UAAI;AACF,cAAMG,IAAS,IAAI,IAAIH,CAAG,GACpBI,IAAe,GAAGD,EAAO,QAAQ,GAAGA,EAAO,MAAM,GAAGA,EAAO,IAAI;AACrE,eAAO,OAAO,YAAY,EAAE,MAAM,YAAY,MAAMC,EAAA,GAAgB,GAAG;AACvE;AAAA,MACF,QAAQ;AAAA,MAER;AAAA,IACF;AAIF,SAAO,SAAS,OAAOJ;AACzB;AAUO,MAAMK,IAAW;AAAA,EACtB,aAAa,CAACC,MAAmB,SAASA,CAAM;AAAA,EAChD,cAAc,CAACC,MAAuB,kBAAkBA,CAAU;AAAA,EAClE,iBAAiB,CAACA,MAAuB,qBAAqBA,CAAU;AAAA,EACxE,QAAQ,CAACC,MAAoBA,IAAQ,aAAa,mBAAmBA,CAAK,CAAC,KAAK;AAAA,EAChF,eAAe,MAAM;AAAA,EACrB,UAAU,MAAM;AAAA,EAChB,UAAU,CAACC,GAAcC,GAAmBC,MAAiB,cAAcF,CAAI,IAAIC,CAAS,IAAIC,CAAI;AACtG;"}

package/dist/components/ui/accordion.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),c=require("lucide-react"),r=require("radix-ui"),i=require("../../lib/utils.cjs");function a({className:e,...n}){return o.jsx(r.Accordion.Root,{"data-slot":"accordion",className:i.cn("flex w-full flex-col",e),...n})}function d({className:e,...n}){return o.jsx(r.Accordion.Item,{"data-slot":"accordion-item",className:i.cn("not-last:border-b",e),...n})}function s({className:e,children:n,...t}){return o.jsx(r.Accordion.Header,{className:"flex",children:o.jsxs(r.Accordion.Trigger,{"data-slot":"accordion-trigger",className:i.cn("group/accordion-trigger relative flex flex-1 items-start justify-between rounded-lg border border-transparent py-2.5 text-left text-sm font-medium transition-all outline-none hover:underline focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 focus-visible:after:border-ring disabled:pointer-events-none disabled:opacity-50 **:data-[slot=accordion-trigger-icon]:ml-auto **:data-[slot=accordion-trigger-icon]:size-4 **:data-[slot=accordion-trigger-icon]:text-muted-foreground",e),...t,children:[n,o.jsx(c.ChevronDownIcon,{"data-slot":"accordion-trigger-icon",className:"pointer-events-none shrink-0 group-aria-expanded/accordion-trigger:hidden"}),o.jsx(c.ChevronUpIcon,{"data-slot":"accordion-trigger-icon",className:"pointer-events-none hidden shrink-0 group-aria-expanded/accordion-trigger:inline"})]})})}function l({className:e,children:n,...t}){return o.jsx(r.Accordion.Content,{"data-slot":"accordion-content",className:"overflow-hidden text-sm data-open:animate-accordion-down data-closed:animate-accordion-up",...t,children:o.jsx("div",{className:i.cn("h-(--radix-accordion-content-height) pt-0 pb-2.5 [&_a]:underline [&_a]:underline-offset-3 [&_a]:hover:text-foreground [&_p:not(:last-child)]:mb-4",e),children:n})})}exports.Accordion=a;exports.AccordionContent=l;exports.AccordionItem=d;exports.AccordionTrigger=s;
+//# sourceMappingURL=accordion.cjs.map

package/dist/components/ui/accordion.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"accordion.cjs","sources":["../../../src/components/ui/accordion.tsx"],"sourcesContent":["import { ChevronDownIcon, ChevronUpIcon } from \"lucide-react\"\nimport { Accordion as AccordionPrimitive } from \"radix-ui\"\nimport * as React from \"react\"\n\nimport { cn } from \"@/lib/utils\"\n\n\nfunction Accordion({\n  className,\n  ...props\n}: React.ComponentProps<typeof AccordionPrimitive.Root>) {\n  return (\n    <AccordionPrimitive.Root\n      data-slot=\"accordion\"\n      className={cn(\"flex w-full flex-col\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction AccordionItem({\n  className,\n  ...props\n}: React.ComponentProps<typeof AccordionPrimitive.Item>) {\n  return (\n    <AccordionPrimitive.Item\n      data-slot=\"accordion-item\"\n      className={cn(\"not-last:border-b\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction AccordionTrigger({\n  className,\n  children,\n  ...props\n}: React.ComponentProps<typeof AccordionPrimitive.Trigger>) {\n  return (\n    <AccordionPrimitive.Header className=\"flex\">\n      <AccordionPrimitive.Trigger\n        data-slot=\"accordion-trigger\"\n        className={cn(\n          \"group/accordion-trigger relative flex flex-1 items-start justify-between rounded-lg border border-transparent py-2.5 text-left text-sm font-medium transition-all outline-none hover:underline focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 focus-visible:after:border-ring disabled:pointer-events-none disabled:opacity-50 **:data-[slot=accordion-trigger-icon]:ml-auto **:data-[slot=accordion-trigger-icon]:size-4 **:data-[slot=accordion-trigger-icon]:text-muted-foreground\",\n          className\n        )}\n        {...props}\n      >\n        {children}\n        <ChevronDownIcon data-slot=\"accordion-trigger-icon\" className=\"pointer-events-none shrink-0 group-aria-expanded/accordion-trigger:hidden\" />\n        <ChevronUpIcon data-slot=\"accordion-trigger-icon\" className=\"pointer-events-none hidden shrink-0 group-aria-expanded/accordion-trigger:inline\" />\n      </AccordionPrimitive.Trigger>\n    </AccordionPrimitive.Header>\n  )\n}\n\nfunction AccordionContent({\n  className,\n  children,\n  ...props\n}: React.ComponentProps<typeof AccordionPrimitive.Content>) {\n  return (\n    <AccordionPrimitive.Content\n      data-slot=\"accordion-content\"\n      className=\"overflow-hidden text-sm data-open:animate-accordion-down data-closed:animate-accordion-up\"\n      {...props}\n    >\n      <div\n        className={cn(\n          \"h-(--radix-accordion-content-height) pt-0 pb-2.5 [&_a]:underline [&_a]:underline-offset-3 [&_a]:hover:text-foreground [&_p:not(:last-child)]:mb-4\",\n          className\n        )}\n      >\n        {children}\n      </div>\n    </AccordionPrimitive.Content>\n  )\n}\n\nexport { Accordion, AccordionItem, AccordionTrigger, AccordionContent }\n"],"names":["Accordion","className","props","jsx","AccordionPrimitive","cn","AccordionItem","AccordionTrigger","children","jsxs","ChevronDownIcon","ChevronUpIcon","AccordionContent"],"mappings":"sMAOA,SAASA,EAAU,CACjB,UAAAC,EACA,GAAGC,CACL,EAAyD,CACvD,OACEC,EAAAA,IAACC,EAAAA,UAAmB,KAAnB,CACC,YAAU,YACV,UAAWC,EAAAA,GAAG,uBAAwBJ,CAAS,EAC9C,GAAGC,CAAA,CAAA,CAGV,CAEA,SAASI,EAAc,CACrB,UAAAL,EACA,GAAGC,CACL,EAAyD,CACvD,OACEC,EAAAA,IAACC,EAAAA,UAAmB,KAAnB,CACC,YAAU,iBACV,UAAWC,EAAAA,GAAG,oBAAqBJ,CAAS,EAC3C,GAAGC,CAAA,CAAA,CAGV,CAEA,SAASK,EAAiB,CACxB,UAAAN,EACA,SAAAO,EACA,GAAGN,CACL,EAA4D,CAC1D,OACEC,EAAAA,IAACC,EAAAA,UAAmB,OAAnB,CAA0B,UAAU,OACnC,SAAAK,EAAAA,KAACL,EAAAA,UAAmB,QAAnB,CACC,YAAU,oBACV,UAAWC,EAAAA,GACT,mfACAJ,CAAA,EAED,GAAGC,EAEH,SAAA,CAAAM,EACDL,EAAAA,IAACO,EAAAA,gBAAA,CAAgB,YAAU,yBAAyB,UAAU,4EAA4E,EAC1IP,EAAAA,IAACQ,EAAAA,cAAA,CAAc,YAAU,yBAAyB,UAAU,kFAAA,CAAmF,CAAA,CAAA,CAAA,EAEnJ,CAEJ,CAEA,SAASC,EAAiB,CACxB,UAAAX,EACA,SAAAO,EACA,GAAGN,CACL,EAA4D,CAC1D,OACEC,EAAAA,IAACC,EAAAA,UAAmB,QAAnB,CACC,YAAU,oBACV,UAAU,4FACT,GAAGF,EAEJ,SAAAC,EAAAA,IAAC,MAAA,CACC,UAAWE,EAAAA,GACT,oJACAJ,CAAA,EAGD,SAAAO,CAAA,CAAA,CACH,CAAA,CAGN"}

package/dist/components/ui/accordion.js

@@ -0,0 +1,83 @@
+import { jsx as r, jsxs as a } from "react/jsx-runtime";
+import { ChevronDownIcon as c, ChevronUpIcon as d } from "lucide-react";
+import { Accordion as n } from "radix-ui";
+import { cn as t } from "../../lib/utils.js";
+function u({
+  className: o,
+  ...e
+}) {
+  return /* @__PURE__ */ r(
+    n.Root,
+    {
+      "data-slot": "accordion",
+      className: t("flex w-full flex-col", o),
+      ...e
+    }
+  );
+}
+function f({
+  className: o,
+  ...e
+}) {
+  return /* @__PURE__ */ r(
+    n.Item,
+    {
+      "data-slot": "accordion-item",
+      className: t("not-last:border-b", o),
+      ...e
+    }
+  );
+}
+function p({
+  className: o,
+  children: e,
+  ...i
+}) {
+  return /* @__PURE__ */ r(n.Header, { className: "flex", children: /* @__PURE__ */ a(
+    n.Trigger,
+    {
+      "data-slot": "accordion-trigger",
+      className: t(
+        "group/accordion-trigger relative flex flex-1 items-start justify-between rounded-lg border border-transparent py-2.5 text-left text-sm font-medium transition-all outline-none hover:underline focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 focus-visible:after:border-ring disabled:pointer-events-none disabled:opacity-50 **:data-[slot=accordion-trigger-icon]:ml-auto **:data-[slot=accordion-trigger-icon]:size-4 **:data-[slot=accordion-trigger-icon]:text-muted-foreground",
+        o
+      ),
+      ...i,
+      children: [
+        e,
+        /* @__PURE__ */ r(c, { "data-slot": "accordion-trigger-icon", className: "pointer-events-none shrink-0 group-aria-expanded/accordion-trigger:hidden" }),
+        /* @__PURE__ */ r(d, { "data-slot": "accordion-trigger-icon", className: "pointer-events-none hidden shrink-0 group-aria-expanded/accordion-trigger:inline" })
+      ]
+    }
+  ) });
+}
+function h({
+  className: o,
+  children: e,
+  ...i
+}) {
+  return /* @__PURE__ */ r(
+    n.Content,
+    {
+      "data-slot": "accordion-content",
+      className: "overflow-hidden text-sm data-open:animate-accordion-down data-closed:animate-accordion-up",
+      ...i,
+      children: /* @__PURE__ */ r(
+        "div",
+        {
+          className: t(
+            "h-(--radix-accordion-content-height) pt-0 pb-2.5 [&_a]:underline [&_a]:underline-offset-3 [&_a]:hover:text-foreground [&_p:not(:last-child)]:mb-4",
+            o
+          ),
+          children: e
+        }
+      )
+    }
+  );
+}
+export {
+  u as Accordion,
+  h as AccordionContent,
+  f as AccordionItem,
+  p as AccordionTrigger
+};
+//# sourceMappingURL=accordion.js.map

package/dist/components/ui/accordion.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"accordion.js","sources":["../../../src/components/ui/accordion.tsx"],"sourcesContent":["import { ChevronDownIcon, ChevronUpIcon } from \"lucide-react\"\nimport { Accordion as AccordionPrimitive } from \"radix-ui\"\nimport * as React from \"react\"\n\nimport { cn } from \"@/lib/utils\"\n\n\nfunction Accordion({\n  className,\n  ...props\n}: React.ComponentProps<typeof AccordionPrimitive.Root>) {\n  return (\n    <AccordionPrimitive.Root\n      data-slot=\"accordion\"\n      className={cn(\"flex w-full flex-col\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction AccordionItem({\n  className,\n  ...props\n}: React.ComponentProps<typeof AccordionPrimitive.Item>) {\n  return (\n    <AccordionPrimitive.Item\n      data-slot=\"accordion-item\"\n      className={cn(\"not-last:border-b\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction AccordionTrigger({\n  className,\n  children,\n  ...props\n}: React.ComponentProps<typeof AccordionPrimitive.Trigger>) {\n  return (\n    <AccordionPrimitive.Header className=\"flex\">\n      <AccordionPrimitive.Trigger\n        data-slot=\"accordion-trigger\"\n        className={cn(\n          \"group/accordion-trigger relative flex flex-1 items-start justify-between rounded-lg border border-transparent py-2.5 text-left text-sm font-medium transition-all outline-none hover:underline focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 focus-visible:after:border-ring disabled:pointer-events-none disabled:opacity-50 **:data-[slot=accordion-trigger-icon]:ml-auto **:data-[slot=accordion-trigger-icon]:size-4 **:data-[slot=accordion-trigger-icon]:text-muted-foreground\",\n          className\n        )}\n        {...props}\n      >\n        {children}\n        <ChevronDownIcon data-slot=\"accordion-trigger-icon\" className=\"pointer-events-none shrink-0 group-aria-expanded/accordion-trigger:hidden\" />\n        <ChevronUpIcon data-slot=\"accordion-trigger-icon\" className=\"pointer-events-none hidden shrink-0 group-aria-expanded/accordion-trigger:inline\" />\n      </AccordionPrimitive.Trigger>\n    </AccordionPrimitive.Header>\n  )\n}\n\nfunction AccordionContent({\n  className,\n  children,\n  ...props\n}: React.ComponentProps<typeof AccordionPrimitive.Content>) {\n  return (\n    <AccordionPrimitive.Content\n      data-slot=\"accordion-content\"\n      className=\"overflow-hidden text-sm data-open:animate-accordion-down data-closed:animate-accordion-up\"\n      {...props}\n    >\n      <div\n        className={cn(\n          \"h-(--radix-accordion-content-height) pt-0 pb-2.5 [&_a]:underline [&_a]:underline-offset-3 [&_a]:hover:text-foreground [&_p:not(:last-child)]:mb-4\",\n          className\n        )}\n      >\n        {children}\n      </div>\n    </AccordionPrimitive.Content>\n  )\n}\n\nexport { Accordion, AccordionItem, AccordionTrigger, AccordionContent }\n"],"names":["Accordion","className","props","jsx","AccordionPrimitive","cn","AccordionItem","AccordionTrigger","children","jsxs","ChevronDownIcon","ChevronUpIcon","AccordionContent"],"mappings":";;;;AAOA,SAASA,EAAU;AAAA,EACjB,WAAAC;AAAA,EACA,GAAGC;AACL,GAAyD;AACvD,SACE,gBAAAC;AAAA,IAACC,EAAmB;AAAA,IAAnB;AAAA,MACC,aAAU;AAAA,MACV,WAAWC,EAAG,wBAAwBJ,CAAS;AAAA,MAC9C,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASI,EAAc;AAAA,EACrB,WAAAL;AAAA,EACA,GAAGC;AACL,GAAyD;AACvD,SACE,gBAAAC;AAAA,IAACC,EAAmB;AAAA,IAAnB;AAAA,MACC,aAAU;AAAA,MACV,WAAWC,EAAG,qBAAqBJ,CAAS;AAAA,MAC3C,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASK,EAAiB;AAAA,EACxB,WAAAN;AAAA,EACA,UAAAO;AAAA,EACA,GAAGN;AACL,GAA4D;AAC1D,SACE,gBAAAC,EAACC,EAAmB,QAAnB,EAA0B,WAAU,QACnC,UAAA,gBAAAK;AAAA,IAACL,EAAmB;AAAA,IAAnB;AAAA,MACC,aAAU;AAAA,MACV,WAAWC;AAAA,QACT;AAAA,QACAJ;AAAA,MAAA;AAAA,MAED,GAAGC;AAAA,MAEH,UAAA;AAAA,QAAAM;AAAA,QACD,gBAAAL,EAACO,GAAA,EAAgB,aAAU,0BAAyB,WAAU,6EAA4E;AAAA,QAC1I,gBAAAP,EAACQ,GAAA,EAAc,aAAU,0BAAyB,WAAU,mFAAA,CAAmF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,GAEnJ;AAEJ;AAEA,SAASC,EAAiB;AAAA,EACxB,WAAAX;AAAA,EACA,UAAAO;AAAA,EACA,GAAGN;AACL,GAA4D;AAC1D,SACE,gBAAAC;AAAA,IAACC,EAAmB;AAAA,IAAnB;AAAA,MACC,aAAU;AAAA,MACV,WAAU;AAAA,MACT,GAAGF;AAAA,MAEJ,UAAA,gBAAAC;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAWE;AAAA,YACT;AAAA,YACAJ;AAAA,UAAA;AAAA,UAGD,UAAAO;AAAA,QAAA;AAAA,MAAA;AAAA,IACH;AAAA,EAAA;AAGN;"}

package/dist/components/ui/alert-dialog.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),l=require("radix-ui"),n=require("./button.cjs"),o=require("../../lib/utils.cjs");function g({...t}){return e.jsx(l.AlertDialog.Root,{"data-slot":"alert-dialog",...t})}function u({...t}){return e.jsx(l.AlertDialog.Trigger,{"data-slot":"alert-dialog-trigger",...t})}function d({...t}){return e.jsx(l.AlertDialog.Portal,{"data-slot":"alert-dialog-portal",...t})}function s({className:t,...a}){return e.jsx(l.AlertDialog.Overlay,{"data-slot":"alert-dialog-overlay",className:o.cn("fixed inset-0 z-50 bg-black/10 duration-100 supports-backdrop-filter:backdrop-blur-xs data-open:animate-in data-open:fade-in-0 data-closed:animate-out data-closed:fade-out-0",t),...a})}function c({className:t,size:a="default",...r}){return e.jsxs(d,{children:[e.jsx(s,{}),e.jsx(l.AlertDialog.Content,{"data-slot":"alert-dialog-content","data-size":a,className:o.cn("group/alert-dialog-content fixed top-1/2 left-1/2 z-50 grid w-full -translate-x-1/2 -translate-y-1/2 gap-4 rounded-xl bg-background p-4 ring-1 ring-foreground/10 duration-100 outline-none data-[size=default]:max-w-xs data-[size=sm]:max-w-xs data-[size=default]:sm:max-w-sm data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95",t),...r})]})}function m({className:t,...a}){return e.jsx("div",{"data-slot":"alert-dialog-header",className:o.cn("grid grid-rows-[auto_1fr] place-items-center gap-1.5 text-center has-data-[slot=alert-dialog-media]:grid-rows-[auto_auto_1fr] has-data-[slot=alert-dialog-media]:gap-x-4 sm:group-data-[size=default]/alert-dialog-content:place-items-start sm:group-data-[size=default]/alert-dialog-content:text-left sm:group-data-[size=default]/alert-dialog-content:has-data-[slot=alert-dialog-media]:grid-rows-[auto_1fr]",t),...a})}function f({className:t,...a}){return e.jsx("div",{"data-slot":"alert-dialog-footer",className:o.cn("-mx-4 -mb-4 flex flex-col-reverse gap-2 rounded-b-xl border-t bg-muted/50 p-4 group-data-[size=sm]/alert-dialog-content:grid group-data-[size=sm]/alert-dialog-content:grid-cols-2 sm:flex-row sm:justify-end",t),...a})}function x({className:t,...a}){return e.jsx("div",{"data-slot":"alert-dialog-media",className:o.cn("mb-2 inline-flex size-10 items-center justify-center rounded-md bg-muted sm:group-data-[size=default]/alert-dialog-content:row-span-2 *:[svg:not([class*='size-'])]:size-6",t),...a})}function A({className:t,...a}){return e.jsx(l.AlertDialog.Title,{"data-slot":"alert-dialog-title",className:o.cn("text-base font-medium sm:group-data-[size=default]/alert-dialog-content:group-has-data-[slot=alert-dialog-media]/alert-dialog-content:col-start-2",t),...a})}function D({className:t,...a}){return e.jsx(l.AlertDialog.Description,{"data-slot":"alert-dialog-description",className:o.cn("text-sm text-balance text-muted-foreground md:text-pretty *:[a]:underline *:[a]:underline-offset-3 *:[a]:hover:text-foreground",t),...a})}function p({className:t,variant:a="default",size:r="default",...i}){return e.jsx(n.Button,{variant:a,size:r,asChild:!0,children:e.jsx(l.AlertDialog.Action,{"data-slot":"alert-dialog-action",className:o.cn(t),...i})})}function j({className:t,variant:a="outline",size:r="default",...i}){return e.jsx(n.Button,{variant:a,size:r,asChild:!0,children:e.jsx(l.AlertDialog.Cancel,{"data-slot":"alert-dialog-cancel",className:o.cn(t),...i})})}exports.AlertDialog=g;exports.AlertDialogAction=p;exports.AlertDialogCancel=j;exports.AlertDialogContent=c;exports.AlertDialogDescription=D;exports.AlertDialogFooter=f;exports.AlertDialogHeader=m;exports.AlertDialogMedia=x;exports.AlertDialogOverlay=s;exports.AlertDialogPortal=d;exports.AlertDialogTitle=A;exports.AlertDialogTrigger=u;
+//# sourceMappingURL=alert-dialog.cjs.map

package/dist/components/ui/alert-dialog.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert-dialog.cjs","sources":["../../../src/components/ui/alert-dialog.tsx"],"sourcesContent":["import { AlertDialog as AlertDialogPrimitive } from \"radix-ui\"\nimport * as React from \"react\"\n\nimport { Button } from \"@/components/ui/button\"\nimport { cn } from \"@/lib/utils\"\n\nfunction AlertDialog({\n  ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Root>) {\n  return <AlertDialogPrimitive.Root data-slot=\"alert-dialog\" {...props} />\n}\n\nfunction AlertDialogTrigger({\n  ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Trigger>) {\n  return (\n    <AlertDialogPrimitive.Trigger data-slot=\"alert-dialog-trigger\" {...props} />\n  )\n}\n\nfunction AlertDialogPortal({\n  ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Portal>) {\n  return (\n    <AlertDialogPrimitive.Portal data-slot=\"alert-dialog-portal\" {...props} />\n  )\n}\n\nfunction AlertDialogOverlay({\n  className,\n  ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Overlay>) {\n  return (\n    <AlertDialogPrimitive.Overlay\n      data-slot=\"alert-dialog-overlay\"\n      className={cn(\n        \"fixed inset-0 z-50 bg-black/10 duration-100 supports-backdrop-filter:backdrop-blur-xs data-open:animate-in data-open:fade-in-0 data-closed:animate-out data-closed:fade-out-0\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction AlertDialogContent({\n  className,\n  size = \"default\",\n  ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Content> & {\n  size?: \"default\" | \"sm\"\n}) {\n  return (\n    <AlertDialogPortal>\n      <AlertDialogOverlay />\n      <AlertDialogPrimitive.Content\n        data-slot=\"alert-dialog-content\"\n        data-size={size}\n        className={cn(\n          \"group/alert-dialog-content fixed top-1/2 left-1/2 z-50 grid w-full -translate-x-1/2 -translate-y-1/2 gap-4 rounded-xl bg-background p-4 ring-1 ring-foreground/10 duration-100 outline-none data-[size=default]:max-w-xs data-[size=sm]:max-w-xs data-[size=default]:sm:max-w-sm data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95\",\n          className\n        )}\n        {...props}\n      />\n    </AlertDialogPortal>\n  )\n}\n\nfunction AlertDialogHeader({\n  className,\n  ...props\n}: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"alert-dialog-header\"\n      className={cn(\n        \"grid grid-rows-[auto_1fr] place-items-center gap-1.5 text-center has-data-[slot=alert-dialog-media]:grid-rows-[auto_auto_1fr] has-data-[slot=alert-dialog-media]:gap-x-4 sm:group-data-[size=default]/alert-dialog-content:place-items-start sm:group-data-[size=default]/alert-dialog-content:text-left sm:group-data-[size=default]/alert-dialog-content:has-data-[slot=alert-dialog-media]:grid-rows-[auto_1fr]\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction AlertDialogFooter({\n  className,\n  ...props\n}: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"alert-dialog-footer\"\n      className={cn(\n        \"-mx-4 -mb-4 flex flex-col-reverse gap-2 rounded-b-xl border-t bg-muted/50 p-4 group-data-[size=sm]/alert-dialog-content:grid group-data-[size=sm]/alert-dialog-content:grid-cols-2 sm:flex-row sm:justify-end\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction AlertDialogMedia({\n  className,\n  ...props\n}: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"alert-dialog-media\"\n      className={cn(\n        \"mb-2 inline-flex size-10 items-center justify-center rounded-md bg-muted sm:group-data-[size=default]/alert-dialog-content:row-span-2 *:[svg:not([class*='size-'])]:size-6\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction AlertDialogTitle({\n  className,\n  ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Title>) {\n  return (\n    <AlertDialogPrimitive.Title\n      data-slot=\"alert-dialog-title\"\n      className={cn(\n        \"text-base font-medium sm:group-data-[size=default]/alert-dialog-content:group-has-data-[slot=alert-dialog-media]/alert-dialog-content:col-start-2\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction AlertDialogDescription({\n  className,\n  ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Description>) {\n  return (\n    <AlertDialogPrimitive.Description\n      data-slot=\"alert-dialog-description\"\n      className={cn(\n        \"text-sm text-balance text-muted-foreground md:text-pretty *:[a]:underline *:[a]:underline-offset-3 *:[a]:hover:text-foreground\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction AlertDialogAction({\n  className,\n  variant = \"default\",\n  size = \"default\",\n  ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Action> &\n  Pick<React.ComponentProps<typeof Button>, \"variant\" | \"size\">) {\n  return (\n    <Button variant={variant} size={size} asChild>\n      <AlertDialogPrimitive.Action\n        data-slot=\"alert-dialog-action\"\n        className={cn(className)}\n        {...props}\n      />\n    </Button>\n  )\n}\n\nfunction AlertDialogCancel({\n  className,\n  variant = \"outline\",\n  size = \"default\",\n  ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Cancel> &\n  Pick<React.ComponentProps<typeof Button>, \"variant\" | \"size\">) {\n  return (\n    <Button variant={variant} size={size} asChild>\n      <AlertDialogPrimitive.Cancel\n        data-slot=\"alert-dialog-cancel\"\n        className={cn(className)}\n        {...props}\n      />\n    </Button>\n  )\n}\n\nexport {\n  AlertDialog,\n  AlertDialogAction,\n  AlertDialogCancel,\n  AlertDialogContent,\n  AlertDialogDescription,\n  AlertDialogFooter,\n  AlertDialogHeader,\n  AlertDialogMedia,\n  AlertDialogOverlay,\n  AlertDialogPortal,\n  AlertDialogTitle,\n  AlertDialogTrigger,\n}\n"],"names":["AlertDialog","props","AlertDialogPrimitive","AlertDialogTrigger","AlertDialogPortal","AlertDialogOverlay","className","jsx","cn","AlertDialogContent","size","AlertDialogHeader","AlertDialogFooter","AlertDialogMedia","AlertDialogTitle","AlertDialogDescription","AlertDialogAction","variant","Button","AlertDialogCancel"],"mappings":"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"}

package/dist/components/ui/alert-dialog.js

@@ -0,0 +1,181 @@
+import { jsx as e, jsxs as n } from "react/jsx-runtime";
+import { AlertDialog as o } from "radix-ui";
+import { Button as d } from "./button.js";
+import { cn as l } from "../../lib/utils.js";
+function p({
+  ...t
+}) {
+  return /* @__PURE__ */ e(o.Root, { "data-slot": "alert-dialog", ...t });
+}
+function x({
+  ...t
+}) {
+  return /* @__PURE__ */ e(o.Trigger, { "data-slot": "alert-dialog-trigger", ...t });
+}
+function s({
+  ...t
+}) {
+  return /* @__PURE__ */ e(o.Portal, { "data-slot": "alert-dialog-portal", ...t });
+}
+function u({
+  className: t,
+  ...a
+}) {
+  return /* @__PURE__ */ e(
+    o.Overlay,
+    {
+      "data-slot": "alert-dialog-overlay",
+      className: l(
+        "fixed inset-0 z-50 bg-black/10 duration-100 supports-backdrop-filter:backdrop-blur-xs data-open:animate-in data-open:fade-in-0 data-closed:animate-out data-closed:fade-out-0",
+        t
+      ),
+      ...a
+    }
+  );
+}
+function z({
+  className: t,
+  size: a = "default",
+  ...r
+}) {
+  return /* @__PURE__ */ n(s, { children: [
+    /* @__PURE__ */ e(u, {}),
+    /* @__PURE__ */ e(
+      o.Content,
+      {
+        "data-slot": "alert-dialog-content",
+        "data-size": a,
+        className: l(
+          "group/alert-dialog-content fixed top-1/2 left-1/2 z-50 grid w-full -translate-x-1/2 -translate-y-1/2 gap-4 rounded-xl bg-background p-4 ring-1 ring-foreground/10 duration-100 outline-none data-[size=default]:max-w-xs data-[size=sm]:max-w-xs data-[size=default]:sm:max-w-sm data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95",
+          t
+        ),
+        ...r
+      }
+    )
+  ] });
+}
+function A({
+  className: t,
+  ...a
+}) {
+  return /* @__PURE__ */ e(
+    "div",
+    {
+      "data-slot": "alert-dialog-header",
+      className: l(
+        "grid grid-rows-[auto_1fr] place-items-center gap-1.5 text-center has-data-[slot=alert-dialog-media]:grid-rows-[auto_auto_1fr] has-data-[slot=alert-dialog-media]:gap-x-4 sm:group-data-[size=default]/alert-dialog-content:place-items-start sm:group-data-[size=default]/alert-dialog-content:text-left sm:group-data-[size=default]/alert-dialog-content:has-data-[slot=alert-dialog-media]:grid-rows-[auto_1fr]",
+        t
+      ),
+      ...a
+    }
+  );
+}
+function D({
+  className: t,
+  ...a
+}) {
+  return /* @__PURE__ */ e(
+    "div",
+    {
+      "data-slot": "alert-dialog-footer",
+      className: l(
+        "-mx-4 -mb-4 flex flex-col-reverse gap-2 rounded-b-xl border-t bg-muted/50 p-4 group-data-[size=sm]/alert-dialog-content:grid group-data-[size=sm]/alert-dialog-content:grid-cols-2 sm:flex-row sm:justify-end",
+        t
+      ),
+      ...a
+    }
+  );
+}
+function b({
+  className: t,
+  ...a
+}) {
+  return /* @__PURE__ */ e(
+    "div",
+    {
+      "data-slot": "alert-dialog-media",
+      className: l(
+        "mb-2 inline-flex size-10 items-center justify-center rounded-md bg-muted sm:group-data-[size=default]/alert-dialog-content:row-span-2 *:[svg:not([class*='size-'])]:size-6",
+        t
+      ),
+      ...a
+    }
+  );
+}
+function h({
+  className: t,
+  ...a
+}) {
+  return /* @__PURE__ */ e(
+    o.Title,
+    {
+      "data-slot": "alert-dialog-title",
+      className: l(
+        "text-base font-medium sm:group-data-[size=default]/alert-dialog-content:group-has-data-[slot=alert-dialog-media]/alert-dialog-content:col-start-2",
+        t
+      ),
+      ...a
+    }
+  );
+}
+function v({
+  className: t,
+  ...a
+}) {
+  return /* @__PURE__ */ e(
+    o.Description,
+    {
+      "data-slot": "alert-dialog-description",
+      className: l(
+        "text-sm text-balance text-muted-foreground md:text-pretty *:[a]:underline *:[a]:underline-offset-3 *:[a]:hover:text-foreground",
+        t
+      ),
+      ...a
+    }
+  );
+}
+function w({
+  className: t,
+  variant: a = "default",
+  size: r = "default",
+  ...i
+}) {
+  return /* @__PURE__ */ e(d, { variant: a, size: r, asChild: !0, children: /* @__PURE__ */ e(
+    o.Action,
+    {
+      "data-slot": "alert-dialog-action",
+      className: l(t),
+      ...i
+    }
+  ) });
+}
+function N({
+  className: t,
+  variant: a = "outline",
+  size: r = "default",
+  ...i
+}) {
+  return /* @__PURE__ */ e(d, { variant: a, size: r, asChild: !0, children: /* @__PURE__ */ e(
+    o.Cancel,
+    {
+      "data-slot": "alert-dialog-cancel",
+      className: l(t),
+      ...i
+    }
+  ) });
+}
+export {
+  p as AlertDialog,
+  w as AlertDialogAction,
+  N as AlertDialogCancel,
+  z as AlertDialogContent,
+  v as AlertDialogDescription,
+  D as AlertDialogFooter,
+  A as AlertDialogHeader,
+  b as AlertDialogMedia,
+  u as AlertDialogOverlay,
+  s as AlertDialogPortal,
+  h as AlertDialogTitle,
+  x as AlertDialogTrigger
+};
+//# sourceMappingURL=alert-dialog.js.map

package/dist/components/ui/alert-dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert-dialog.js","sources":["../../../src/components/ui/alert-dialog.tsx"],"sourcesContent":["import { AlertDialog as AlertDialogPrimitive } from \"radix-ui\"\nimport * as React from \"react\"\n\nimport { Button } from \"@/components/ui/button\"\nimport { cn } from \"@/lib/utils\"\n\nfunction AlertDialog({\n  ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Root>) {\n  return <AlertDialogPrimitive.Root data-slot=\"alert-dialog\" {...props} />\n}\n\nfunction AlertDialogTrigger({\n  ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Trigger>) {\n  return (\n    <AlertDialogPrimitive.Trigger data-slot=\"alert-dialog-trigger\" {...props} />\n  )\n}\n\nfunction AlertDialogPortal({\n  ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Portal>) {\n  return (\n    <AlertDialogPrimitive.Portal data-slot=\"alert-dialog-portal\" {...props} />\n  )\n}\n\nfunction AlertDialogOverlay({\n  className,\n  ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Overlay>) {\n  return (\n    <AlertDialogPrimitive.Overlay\n      data-slot=\"alert-dialog-overlay\"\n      className={cn(\n        \"fixed inset-0 z-50 bg-black/10 duration-100 supports-backdrop-filter:backdrop-blur-xs data-open:animate-in data-open:fade-in-0 data-closed:animate-out data-closed:fade-out-0\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction AlertDialogContent({\n  className,\n  size = \"default\",\n  ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Content> & {\n  size?: \"default\" | \"sm\"\n}) {\n  return (\n    <AlertDialogPortal>\n      <AlertDialogOverlay />\n      <AlertDialogPrimitive.Content\n        data-slot=\"alert-dialog-content\"\n        data-size={size}\n        className={cn(\n          \"group/alert-dialog-content fixed top-1/2 left-1/2 z-50 grid w-full -translate-x-1/2 -translate-y-1/2 gap-4 rounded-xl bg-background p-4 ring-1 ring-foreground/10 duration-100 outline-none data-[size=default]:max-w-xs data-[size=sm]:max-w-xs data-[size=default]:sm:max-w-sm data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95\",\n          className\n        )}\n        {...props}\n      />\n    </AlertDialogPortal>\n  )\n}\n\nfunction AlertDialogHeader({\n  className,\n  ...props\n}: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"alert-dialog-header\"\n      className={cn(\n        \"grid grid-rows-[auto_1fr] place-items-center gap-1.5 text-center has-data-[slot=alert-dialog-media]:grid-rows-[auto_auto_1fr] has-data-[slot=alert-dialog-media]:gap-x-4 sm:group-data-[size=default]/alert-dialog-content:place-items-start sm:group-data-[size=default]/alert-dialog-content:text-left sm:group-data-[size=default]/alert-dialog-content:has-data-[slot=alert-dialog-media]:grid-rows-[auto_1fr]\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction AlertDialogFooter({\n  className,\n  ...props\n}: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"alert-dialog-footer\"\n      className={cn(\n        \"-mx-4 -mb-4 flex flex-col-reverse gap-2 rounded-b-xl border-t bg-muted/50 p-4 group-data-[size=sm]/alert-dialog-content:grid group-data-[size=sm]/alert-dialog-content:grid-cols-2 sm:flex-row sm:justify-end\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction AlertDialogMedia({\n  className,\n  ...props\n}: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"alert-dialog-media\"\n      className={cn(\n        \"mb-2 inline-flex size-10 items-center justify-center rounded-md bg-muted sm:group-data-[size=default]/alert-dialog-content:row-span-2 *:[svg:not([class*='size-'])]:size-6\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction AlertDialogTitle({\n  className,\n  ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Title>) {\n  return (\n    <AlertDialogPrimitive.Title\n      data-slot=\"alert-dialog-title\"\n      className={cn(\n        \"text-base font-medium sm:group-data-[size=default]/alert-dialog-content:group-has-data-[slot=alert-dialog-media]/alert-dialog-content:col-start-2\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction AlertDialogDescription({\n  className,\n  ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Description>) {\n  return (\n    <AlertDialogPrimitive.Description\n      data-slot=\"alert-dialog-description\"\n      className={cn(\n        \"text-sm text-balance text-muted-foreground md:text-pretty *:[a]:underline *:[a]:underline-offset-3 *:[a]:hover:text-foreground\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction AlertDialogAction({\n  className,\n  variant = \"default\",\n  size = \"default\",\n  ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Action> &\n  Pick<React.ComponentProps<typeof Button>, \"variant\" | \"size\">) {\n  return (\n    <Button variant={variant} size={size} asChild>\n      <AlertDialogPrimitive.Action\n        data-slot=\"alert-dialog-action\"\n        className={cn(className)}\n        {...props}\n      />\n    </Button>\n  )\n}\n\nfunction AlertDialogCancel({\n  className,\n  variant = \"outline\",\n  size = \"default\",\n  ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Cancel> &\n  Pick<React.ComponentProps<typeof Button>, \"variant\" | \"size\">) {\n  return (\n    <Button variant={variant} size={size} asChild>\n      <AlertDialogPrimitive.Cancel\n        data-slot=\"alert-dialog-cancel\"\n        className={cn(className)}\n        {...props}\n      />\n    </Button>\n  )\n}\n\nexport {\n  AlertDialog,\n  AlertDialogAction,\n  AlertDialogCancel,\n  AlertDialogContent,\n  AlertDialogDescription,\n  AlertDialogFooter,\n  AlertDialogHeader,\n  AlertDialogMedia,\n  AlertDialogOverlay,\n  AlertDialogPortal,\n  AlertDialogTitle,\n  AlertDialogTrigger,\n}\n"],"names":["AlertDialog","props","AlertDialogPrimitive","AlertDialogTrigger","AlertDialogPortal","AlertDialogOverlay","className","jsx","cn","AlertDialogContent","size","AlertDialogHeader","AlertDialogFooter","AlertDialogMedia","AlertDialogTitle","AlertDialogDescription","AlertDialogAction","variant","Button","AlertDialogCancel"],"mappings":";;;;AAMA,SAASA,EAAY;AAAA,EACnB,GAAGC;AACL,GAA2D;AACzD,2BAAQC,EAAqB,MAArB,EAA0B,aAAU,gBAAgB,GAAGD,GAAO;AACxE;AAEA,SAASE,EAAmB;AAAA,EAC1B,GAAGF;AACL,GAA8D;AAC5D,2BACGC,EAAqB,SAArB,EAA6B,aAAU,wBAAwB,GAAGD,GAAO;AAE9E;AAEA,SAASG,EAAkB;AAAA,EACzB,GAAGH;AACL,GAA6D;AAC3D,2BACGC,EAAqB,QAArB,EAA4B,aAAU,uBAAuB,GAAGD,GAAO;AAE5E;AAEA,SAASI,EAAmB;AAAA,EAC1B,WAAAC;AAAA,EACA,GAAGL;AACL,GAA8D;AAC5D,SACE,gBAAAM;AAAA,IAACL,EAAqB;AAAA,IAArB;AAAA,MACC,aAAU;AAAA,MACV,WAAWM;AAAA,QACT;AAAA,QACAF;AAAA,MAAA;AAAA,MAED,GAAGL;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASQ,EAAmB;AAAA,EAC1B,WAAAH;AAAA,EACA,MAAAI,IAAO;AAAA,EACP,GAAGT;AACL,GAEG;AACD,2BACGG,GAAA,EACC,UAAA;AAAA,IAAA,gBAAAG,EAACF,GAAA,EAAmB;AAAA,IACpB,gBAAAE;AAAA,MAACL,EAAqB;AAAA,MAArB;AAAA,QACC,aAAU;AAAA,QACV,aAAWQ;AAAA,QACX,WAAWF;AAAA,UACT;AAAA,UACAF;AAAA,QAAA;AAAA,QAED,GAAGL;AAAA,MAAA;AAAA,IAAA;AAAA,EACN,GACF;AAEJ;AAEA,SAASU,EAAkB;AAAA,EACzB,WAAAL;AAAA,EACA,GAAGL;AACL,GAAgC;AAC9B,SACE,gBAAAM;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC;AAAA,QACT;AAAA,QACAF;AAAA,MAAA;AAAA,MAED,GAAGL;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASW,EAAkB;AAAA,EACzB,WAAAN;AAAA,EACA,GAAGL;AACL,GAAgC;AAC9B,SACE,gBAAAM;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC;AAAA,QACT;AAAA,QACAF;AAAA,MAAA;AAAA,MAED,GAAGL;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASY,EAAiB;AAAA,EACxB,WAAAP;AAAA,EACA,GAAGL;AACL,GAAgC;AAC9B,SACE,gBAAAM;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC;AAAA,QACT;AAAA,QACAF;AAAA,MAAA;AAAA,MAED,GAAGL;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASa,EAAiB;AAAA,EACxB,WAAAR;AAAA,EACA,GAAGL;AACL,GAA4D;AAC1D,SACE,gBAAAM;AAAA,IAACL,EAAqB;AAAA,IAArB;AAAA,MACC,aAAU;AAAA,MACV,WAAWM;AAAA,QACT;AAAA,QACAF;AAAA,MAAA;AAAA,MAED,GAAGL;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASc,EAAuB;AAAA,EAC9B,WAAAT;AAAA,EACA,GAAGL;AACL,GAAkE;AAChE,SACE,gBAAAM;AAAA,IAACL,EAAqB;AAAA,IAArB;AAAA,MACC,aAAU;AAAA,MACV,WAAWM;AAAA,QACT;AAAA,QACAF;AAAA,MAAA;AAAA,MAED,GAAGL;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASe,EAAkB;AAAA,EACzB,WAAAV;AAAA,EACA,SAAAW,IAAU;AAAA,EACV,MAAAP,IAAO;AAAA,EACP,GAAGT;AACL,GACiE;AAC/D,SACE,gBAAAM,EAACW,GAAA,EAAO,SAAAD,GAAkB,MAAAP,GAAY,SAAO,IAC3C,UAAA,gBAAAH;AAAA,IAACL,EAAqB;AAAA,IAArB;AAAA,MACC,aAAU;AAAA,MACV,WAAWM,EAAGF,CAAS;AAAA,MACtB,GAAGL;AAAA,IAAA;AAAA,EAAA,GAER;AAEJ;AAEA,SAASkB,EAAkB;AAAA,EACzB,WAAAb;AAAA,EACA,SAAAW,IAAU;AAAA,EACV,MAAAP,IAAO;AAAA,EACP,GAAGT;AACL,GACiE;AAC/D,SACE,gBAAAM,EAACW,GAAA,EAAO,SAAAD,GAAkB,MAAAP,GAAY,SAAO,IAC3C,UAAA,gBAAAH;AAAA,IAACL,EAAqB;AAAA,IAArB;AAAA,MACC,aAAU;AAAA,MACV,WAAWM,EAAGF,CAAS;AAAA,MACtB,GAAGL;AAAA,IAAA;AAAA,EAAA,GAER;AAEJ;"}

package/dist/components/ui/alert.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),l=require("class-variance-authority"),a=require("../../lib/utils.cjs"),n=l.cva("group/alert relative grid w-full gap-0.5 rounded-lg border px-2.5 py-2 text-left text-sm has-data-[slot=alert-action]:relative has-data-[slot=alert-action]:pr-18 has-[>svg]:grid-cols-[auto_1fr] has-[>svg]:gap-x-2 *:[svg]:row-span-2 *:[svg]:translate-y-0.5 *:[svg]:text-current *:[svg:not([class*='size-'])]:size-4",{variants:{variant:{default:"bg-card text-card-foreground",destructive:"bg-card text-destructive *:data-[slot=alert-description]:text-destructive/90 *:[svg]:text-current"}},defaultVariants:{variant:"default"}});function i({className:t,variant:e,...s}){return r.jsx("div",{"data-slot":"alert",role:"alert",className:a.cn(n({variant:e}),t),...s})}function o({className:t,...e}){return r.jsx("div",{"data-slot":"alert-title",className:a.cn("font-medium group-has-[>svg]/alert:col-start-2 [&_a]:underline [&_a]:underline-offset-3 [&_a]:hover:text-foreground",t),...e})}function c({className:t,...e}){return r.jsx("div",{"data-slot":"alert-description",className:a.cn("text-sm text-balance text-muted-foreground md:text-pretty [&_a]:underline [&_a]:underline-offset-3 [&_a]:hover:text-foreground [&_p:not(:last-child)]:mb-4",t),...e})}function d({className:t,...e}){return r.jsx("div",{"data-slot":"alert-action",className:a.cn("absolute top-2 right-2",t),...e})}exports.Alert=i;exports.AlertAction=d;exports.AlertDescription=c;exports.AlertTitle=o;
+//# sourceMappingURL=alert.cjs.map

package/dist/components/ui/alert.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert.cjs","sources":["../../../src/components/ui/alert.tsx"],"sourcesContent":["import { cva, type VariantProps } from \"class-variance-authority\"\nimport * as React from \"react\"\n\nimport { cn } from \"@/lib/utils\"\n\nconst alertVariants = cva(\n  \"group/alert relative grid w-full gap-0.5 rounded-lg border px-2.5 py-2 text-left text-sm has-data-[slot=alert-action]:relative has-data-[slot=alert-action]:pr-18 has-[>svg]:grid-cols-[auto_1fr] has-[>svg]:gap-x-2 *:[svg]:row-span-2 *:[svg]:translate-y-0.5 *:[svg]:text-current *:[svg:not([class*='size-'])]:size-4\",\n  {\n    variants: {\n      variant: {\n        default: \"bg-card text-card-foreground\",\n        destructive:\n          \"bg-card text-destructive *:data-[slot=alert-description]:text-destructive/90 *:[svg]:text-current\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n    },\n  }\n)\n\nfunction Alert({\n  className,\n  variant,\n  ...props\n}: React.ComponentProps<\"div\"> & VariantProps<typeof alertVariants>) {\n  return (\n    <div\n      data-slot=\"alert\"\n      role=\"alert\"\n      className={cn(alertVariants({ variant }), className)}\n      {...props}\n    />\n  )\n}\n\nfunction AlertTitle({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"alert-title\"\n      className={cn(\n        \"font-medium group-has-[>svg]/alert:col-start-2 [&_a]:underline [&_a]:underline-offset-3 [&_a]:hover:text-foreground\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction AlertDescription({\n  className,\n  ...props\n}: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"alert-description\"\n      className={cn(\n        \"text-sm text-balance text-muted-foreground md:text-pretty [&_a]:underline [&_a]:underline-offset-3 [&_a]:hover:text-foreground [&_p:not(:last-child)]:mb-4\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction AlertAction({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"alert-action\"\n      className={cn(\"absolute top-2 right-2\", className)}\n      {...props}\n    />\n  )\n}\n\nexport { Alert, AlertTitle, AlertDescription, AlertAction }\n"],"names":["alertVariants","cva","Alert","className","variant","props","jsx","cn","AlertTitle","AlertDescription","AlertAction"],"mappings":"4LAKMA,EAAgBC,EAAAA,IACpB,4TACA,CACE,SAAU,CACR,QAAS,CACP,QAAS,+BACT,YACE,mGAAA,CACJ,EAEF,gBAAiB,CACf,QAAS,SAAA,CACX,CAEJ,EAEA,SAASC,EAAM,CACb,UAAAC,EACA,QAAAC,EACA,GAAGC,CACL,EAAqE,CACnE,OACEC,EAAAA,IAAC,MAAA,CACC,YAAU,QACV,KAAK,QACL,UAAWC,EAAAA,GAAGP,EAAc,CAAE,QAAAI,CAAA,CAAS,EAAGD,CAAS,EAClD,GAAGE,CAAA,CAAA,CAGV,CAEA,SAASG,EAAW,CAAE,UAAAL,EAAW,GAAGE,GAAsC,CACxE,OACEC,EAAAA,IAAC,MAAA,CACC,YAAU,cACV,UAAWC,EAAAA,GACT,sHACAJ,CAAA,EAED,GAAGE,CAAA,CAAA,CAGV,CAEA,SAASI,EAAiB,CACxB,UAAAN,EACA,GAAGE,CACL,EAAgC,CAC9B,OACEC,EAAAA,IAAC,MAAA,CACC,YAAU,oBACV,UAAWC,EAAAA,GACT,6JACAJ,CAAA,EAED,GAAGE,CAAA,CAAA,CAGV,CAEA,SAASK,EAAY,CAAE,UAAAP,EAAW,GAAGE,GAAsC,CACzE,OACEC,EAAAA,IAAC,MAAA,CACC,YAAU,eACV,UAAWC,EAAAA,GAAG,yBAA0BJ,CAAS,EAChD,GAAGE,CAAA,CAAA,CAGV"}