@luxfi/ui 7.4.15 → 8.1.0

package/dist/ai-model-selector-navigation-bar.cjs

@@ -0,0 +1,59 @@
+"use client";
+'use strict';
+
+var React = require('react');
+var ui = require('@hanzo/ui');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+var AIModelSelectorNavigationBar = React__namespace.forwardRef(
+  ({ className, models, currentModel, onModelChange, children, ...props }, ref) => {
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      ui.Box,
+      {
+        tag: "nav",
+        ref,
+        className: ui.cn(
+          "flex items-center justify-between border-b px-6 py-3",
+          className
+        ),
+        ...props,
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { className: "flex items-center gap-4", children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Box, { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { tag: "span", className: "text-sm font-medium", children: "Model:" }),
+            /* @__PURE__ */ jsxRuntime.jsxs(ui.Select, { value: currentModel, onValueChange: onModelChange, children: [
+              /* @__PURE__ */ jsxRuntime.jsx(ui.SelectTrigger, { ...ui.sx("w-[200px]"), children: /* @__PURE__ */ jsxRuntime.jsx(ui.SelectValue, { placeholder: "Select a model" }) }),
+              /* @__PURE__ */ jsxRuntime.jsx(ui.SelectContent, { children: models.map((model) => /* @__PURE__ */ jsxRuntime.jsx(ui.SelectItem, { value: model.id, children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Box, { className: "flex flex-col", children: [
+                /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { tag: "span", className: "font-medium", children: model.name }),
+                /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { tag: "span", className: "text-xs text-muted-foreground", children: model.provider })
+              ] }) }, model.id)) })
+            ] })
+          ] }) }),
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { className: "flex items-center gap-2", children })
+        ]
+      }
+    );
+  }
+);
+AIModelSelectorNavigationBar.displayName = "AIModelSelectorNavigationBar";
+
+exports.AIModelSelectorNavigationBar = AIModelSelectorNavigationBar;

package/dist/ai-model-selector-navigation-bar.d.ts

@@ -0,0 +1,15 @@
+import * as React from "react";
+interface AIModel {
+    id: string;
+    name: string;
+    provider: string;
+    description?: string;
+}
+interface AIModelSelectorNavigationBarProps extends React.HTMLAttributes<HTMLElement> {
+    models: AIModel[];
+    currentModel?: string;
+    onModelChange?: (modelId: string) => void;
+}
+declare const AIModelSelectorNavigationBar: React.ForwardRefExoticComponent<AIModelSelectorNavigationBarProps & React.RefAttributes<HTMLElement>>;
+export { AIModelSelectorNavigationBar, type AIModel as AIModelForNav };
+//# sourceMappingURL=ai-model-selector-navigation-bar.d.ts.map

package/dist/ai-model-selector-navigation-bar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ai-model-selector-navigation-bar.d.ts","sourceRoot":"","sources":["../src/ai-model-selector-navigation-bar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAa9B,UAAU,OAAO;IACf,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,EAAE,MAAM,CAAA;IAChB,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB;AAED,UAAU,iCACR,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC;IACzC,MAAM,EAAE,OAAO,EAAE,CAAA;IACjB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,aAAa,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAA;CAC1C;AAED,QAAA,MAAM,4BAA4B,uGA4CjC,CAAA;AAID,OAAO,EAAE,4BAA4B,EAAE,KAAK,OAAO,IAAI,aAAa,EAAE,CAAA"}

package/dist/ai-model-selector-navigation-bar.js

@@ -0,0 +1,37 @@
+"use client";
+import * as React from 'react';
+import { Box, cn, Select, SelectTrigger, sx, SelectValue, SelectContent, SelectItem } from '@hanzo/ui';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var AIModelSelectorNavigationBar = React.forwardRef(
+  ({ className, models, currentModel, onModelChange, children, ...props }, ref) => {
+    return /* @__PURE__ */ jsxs(
+      Box,
+      {
+        tag: "nav",
+        ref,
+        className: cn(
+          "flex items-center justify-between border-b px-6 py-3",
+          className
+        ),
+        ...props,
+        children: [
+          /* @__PURE__ */ jsx(Box, { className: "flex items-center gap-4", children: /* @__PURE__ */ jsxs(Box, { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsx(Box, { tag: "span", className: "text-sm font-medium", children: "Model:" }),
+            /* @__PURE__ */ jsxs(Select, { value: currentModel, onValueChange: onModelChange, children: [
+              /* @__PURE__ */ jsx(SelectTrigger, { ...sx("w-[200px]"), children: /* @__PURE__ */ jsx(SelectValue, { placeholder: "Select a model" }) }),
+              /* @__PURE__ */ jsx(SelectContent, { children: models.map((model) => /* @__PURE__ */ jsx(SelectItem, { value: model.id, children: /* @__PURE__ */ jsxs(Box, { className: "flex flex-col", children: [
+                /* @__PURE__ */ jsx(Box, { tag: "span", className: "font-medium", children: model.name }),
+                /* @__PURE__ */ jsx(Box, { tag: "span", className: "text-xs text-muted-foreground", children: model.provider })
+              ] }) }, model.id)) })
+            ] })
+          ] }) }),
+          /* @__PURE__ */ jsx(Box, { className: "flex items-center gap-2", children })
+        ]
+      }
+    );
+  }
+);
+AIModelSelectorNavigationBar.displayName = "AIModelSelectorNavigationBar";
+
+export { AIModelSelectorNavigationBar };

package/dist/ai-models.cjs

@@ -0,0 +1,41 @@
+"use client";
+'use strict';
+
+var React = require('react');
+var ui = require('@hanzo/ui');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+var AIModels = React__namespace.forwardRef(
+  ({ className, models, selectedModel, onModelSelect, ...props }, ref) => {
+    return /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { ref, className: ui.cn("w-full", className), ...props, children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Select, { value: selectedModel, onValueChange: onModelSelect, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(ui.SelectTrigger, { ...ui.sx("w-full"), children: /* @__PURE__ */ jsxRuntime.jsx(ui.SelectValue, { placeholder: "Select a model" }) }),
+      /* @__PURE__ */ jsxRuntime.jsx(ui.SelectContent, { children: models.map((model) => /* @__PURE__ */ jsxRuntime.jsx(ui.SelectItem, { value: model.id, children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Box, { className: "flex flex-col", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { tag: "span", className: "font-medium", children: model.name }),
+        model.provider && /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { tag: "span", className: "text-xs text-muted-foreground", children: model.provider })
+      ] }) }, model.id)) })
+    ] }) });
+  }
+);
+AIModels.displayName = "AIModels";
+
+exports.AIModels = AIModels;

package/dist/ai-models.d.ts

@@ -0,0 +1,15 @@
+import * as React from "react";
+interface AIModel {
+    id: string;
+    name: string;
+    description?: string;
+    provider?: string;
+}
+interface AIModelsProps extends React.HTMLAttributes<HTMLDivElement> {
+    models: AIModel[];
+    selectedModel?: string;
+    onModelSelect?: (modelId: string) => void;
+}
+declare const AIModels: React.ForwardRefExoticComponent<AIModelsProps & React.RefAttributes<HTMLDivElement>>;
+export { AIModels, type AIModel };
+//# sourceMappingURL=ai-models.d.ts.map

package/dist/ai-models.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ai-models.d.ts","sourceRoot":"","sources":["../src/ai-models.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAY9B,UAAU,OAAO;IACf,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,MAAM,CAAA;IACZ,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB;AAED,UAAU,aAAc,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAClE,MAAM,EAAE,OAAO,EAAE,CAAA;IACjB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,aAAa,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAA;CAC1C;AAED,QAAA,MAAM,QAAQ,sFA0Bb,CAAA;AAID,OAAO,EAAE,QAAQ,EAAE,KAAK,OAAO,EAAE,CAAA"}

package/dist/ai-models.js

@@ -0,0 +1,19 @@
+"use client";
+import * as React from 'react';
+import { Box, cn, Select, SelectTrigger, sx, SelectValue, SelectContent, SelectItem } from '@hanzo/ui';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var AIModels = React.forwardRef(
+  ({ className, models, selectedModel, onModelSelect, ...props }, ref) => {
+    return /* @__PURE__ */ jsx(Box, { ref, className: cn("w-full", className), ...props, children: /* @__PURE__ */ jsxs(Select, { value: selectedModel, onValueChange: onModelSelect, children: [
+      /* @__PURE__ */ jsx(SelectTrigger, { ...sx("w-full"), children: /* @__PURE__ */ jsx(SelectValue, { placeholder: "Select a model" }) }),
+      /* @__PURE__ */ jsx(SelectContent, { children: models.map((model) => /* @__PURE__ */ jsx(SelectItem, { value: model.id, children: /* @__PURE__ */ jsxs(Box, { className: "flex flex-col", children: [
+        /* @__PURE__ */ jsx(Box, { tag: "span", className: "font-medium", children: model.name }),
+        model.provider && /* @__PURE__ */ jsx(Box, { tag: "span", className: "text-xs text-muted-foreground", children: model.provider })
+      ] }) }, model.id)) })
+    ] }) });
+  }
+);
+AIModels.displayName = "AIModels";
+
+export { AIModels };