@douglasneuroinformatics/libui 2.0.0-beta.10 → 2.0.0-beta.12

package/README.md

@@ -40,6 +40,20 @@ designed as a generic implementation.
 pnpm install @douglasneuroinformatics/libui
 ```
 
+## Usage
+
+**tailwind.config.cjs**
+
+```javascript
+const baseConfig = require('@douglasneuroinformatics/libui/tailwind.config.cjs');
+
+/** @type {import('tailwindcss').Config} */
+module.exports {
+  content: [...baseConfig.content, './src/**/*.{js,ts,jsx,tsx}'],
+  presets: [baseConfig]
+};
+```
+
 ## Contributing
 
 We welcome contributions! If you're interested in improving the library or adding new features, please refer to our contribution guide.

package/dist/components/index.d.ts

@@ -869,8 +869,9 @@ type LanguageToggleProps = {
     options: {
         [key: string]: string;
     };
+    variant?: ButtonProps['variant'];
 };
-declare const LanguageToggle: ({ align, options }?: LanguageToggleProps) => react_jsx_runtime.JSX.Element;
+declare const LanguageToggle: ({ align, options, variant }: LanguageToggleProps) => react_jsx_runtime.JSX.Element;
 
 type LegacyDropdownOptions = {
     [key: string]: string;

package/dist/components/index.js

@@ -2306,7 +2306,7 @@ var RecordArrayField = memo(function RecordArrayField2({
   setValue: setArrayValue,
   value: arrayValue
 }) {
-  const { t } = useTranslation4();
+  const { t } = useTranslation4("libui");
   const createNewRecord = () => Object.fromEntries(Object.keys(fieldset).map((fieldName) => [fieldName, void 0]));
   useEffect6(() => {
     setArrayValue([createNewRecord()]);
@@ -2493,7 +2493,7 @@ var Form = ({
   validationSchema,
   ...props
 }) => {
-  const { t } = useTranslation5();
+  const { t } = useTranslation5("libui");
   const [rootError, setRootError] = useState5(null);
   const [errors, setErrors] = useState5({});
   const [values, setValues] = useState5(
@@ -2612,10 +2612,10 @@ var HoverCard = Object.assign(Root14, {
 import { LanguagesIcon } from "lucide-react";
 import { useTranslation as useTranslation6 } from "react-i18next";
 import { jsx as jsx118, jsxs as jsxs40 } from "react/jsx-runtime";
-var LanguageToggle = ({ align, options } = { align: "start", options: {} }) => {
-  const { i18n } = useTranslation6();
+var LanguageToggle = ({ align = "start", options = {}, variant = "outline" }) => {
+  const { i18n } = useTranslation6("libui");
   return /* @__PURE__ */ jsxs40(DropdownMenu, { children: [
-    /* @__PURE__ */ jsx118(DropdownMenu.Trigger, { asChild: true, children: /* @__PURE__ */ jsx118(Button, { size: "icon", variant: "outline", children: /* @__PURE__ */ jsx118(LanguagesIcon, {}) }) }),
+    /* @__PURE__ */ jsx118(DropdownMenu.Trigger, { asChild: true, children: /* @__PURE__ */ jsx118(Button, { size: "icon", variant, children: /* @__PURE__ */ jsx118(LanguagesIcon, {}) }) }),
     /* @__PURE__ */ jsx118(DropdownMenu.Content, { align, children: Object.keys(options).map((option) => /* @__PURE__ */ jsx118(DropdownMenu.Item, { onClick: () => void i18n.changeLanguage(option), children: options[option] }, option)) })
   ] });
 };
@@ -3051,7 +3051,7 @@ import { jsx as jsx126, jsxs as jsxs48 } from "react/jsx-runtime";
 var LegacyClientTable = ({ data, ...props }) => {
   const [currentPage, setCurrentPage] = useState7(1);
   const [entriesPerPage] = useState7(10);
-  const { t } = useTranslation7();
+  const { t } = useTranslation7("libui");
   const pageCount = Math.ceil(data.length / entriesPerPage);
   const firstEntry = data.length === 0 ? 0 : (currentPage - 1) * entriesPerPage + 1;
   const lastEntry = Math.min(firstEntry + entriesPerPage - 1, data.length);
@@ -3059,7 +3059,7 @@ var LegacyClientTable = ({ data, ...props }) => {
   return /* @__PURE__ */ jsxs48("div", { children: [
     /* @__PURE__ */ jsx126(LegacyTable, { data: currentEntries, ...props }),
     /* @__PURE__ */ jsxs48("div", { className: "flex items-center justify-between px-1 py-3", children: [
-      /* @__PURE__ */ jsx126("div", { className: "hidden sm:block", children: /* @__PURE__ */ jsx126("p", { className: "text-sm font-medium text-muted-foreground", children: t("table.pagination.info", {
+      /* @__PURE__ */ jsx126("div", { className: "hidden sm:block", children: /* @__PURE__ */ jsx126("p", { className: "text-sm font-medium text-muted-foreground", children: t("pagination.info", {
         first: firstEntry,
         last: lastEntry,
         total: data.length
@@ -3073,7 +3073,7 @@ var LegacyClientTable = ({ data, ...props }) => {
             onClick: () => {
               setCurrentPage(currentPage - 1);
             },
-            children: t("table.pagination.previous")
+            children: t("pagination.previous")
           }
         ),
         /* @__PURE__ */ jsx126(
@@ -3084,7 +3084,7 @@ var LegacyClientTable = ({ data, ...props }) => {
             onClick: () => {
               setCurrentPage(currentPage + 1);
             },
-            children: t("table.pagination.next")
+            children: t("pagination.next")
           }
         )
       ] })
@@ -3135,7 +3135,7 @@ function LineGraphComponent({
   lines,
   xAxis
 }) {
-  const { i18n } = useTranslation8();
+  const { i18n } = useTranslation8("libui");
   const [theme] = useTheme();
   return /* @__PURE__ */ jsx127(ResponsiveContainer, { height: 400, width: "100%", children: /* @__PURE__ */ jsxs49(LineChart, { data: [...data], margin: { bottom: 5, left: 15, right: 15, top: 5 }, children: [
     /* @__PURE__ */ jsx127(CartesianGrid, { stroke: "#64748b", strokeDasharray: "5 5" }),
@@ -3432,7 +3432,7 @@ var NotificationIcon = ({ type }) => {
 // src/components/NotificationHub/NotificationHub.tsx
 import { jsx as jsx140, jsxs as jsxs53 } from "react/jsx-runtime";
 var NotificationHub = ({ timeout = 5e3 }) => {
-  const { t } = useTranslation9();
+  const { t } = useTranslation9("libui");
   const { dismissNotification, notifications } = useNotificationsStore();
   return /* @__PURE__ */ jsx140("div", { className: "fixed bottom-0 z-50 w-full print:hidden", children: /* @__PURE__ */ jsx140(AnimatePresence3, { children: notifications.map((item) => /* @__PURE__ */ jsx140(
     motion3.div,
@@ -3631,7 +3631,7 @@ import { SearchIcon as SearchIcon2 } from "lucide-react";
 import { useTranslation as useTranslation12 } from "react-i18next";
 import { jsx as jsx152, jsxs as jsxs57 } from "react/jsx-runtime";
 var SearchBar = ({ className, onClick, onValueChange, placeholder, value }) => {
-  const { t } = useTranslation12();
+  const { t } = useTranslation12("libui");
   return /* @__PURE__ */ jsxs57("form", { className: cn("relative", className), children: [
     /* @__PURE__ */ jsx152(SearchIcon2, { className: "absolute left-2 top-2.5 h-4 w-4 text-muted-foreground" }),
     /* @__PURE__ */ jsx152(