@libreapps/ui 5.4.1

package/dist/table.js

@@ -0,0 +1,110 @@
+"use client";
+'use strict';
+
+var clsx = require('clsx');
+var tailwindMerge = require('tailwind-merge');
+var jsxRuntime = require('react/jsx-runtime');
+
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+function cn(...inputs) {
+  return tailwindMerge.twMerge(clsx.clsx(inputs));
+}
+__name(cn, "cn");
+var Table = /* @__PURE__ */ __name(({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsx(
+  "table",
+  {
+    className: cn("w-full caption-bottom text-sm", className),
+    ...props
+  }
+), "Table");
+Table.displayName = "Table";
+var TableHeader = /* @__PURE__ */ __name(({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsx(
+  "thead",
+  {
+    className: cn("[&_tr]:border-0 [&_tr]:border-b", className),
+    ...props
+  }
+), "TableHeader");
+TableHeader.displayName = "TableHeader";
+var TableBody = /* @__PURE__ */ __name(({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsx("tbody", { className: cn("[&_tr]:border-0", className), ...props }), "TableBody");
+TableBody.displayName = "TableBody";
+var TableFooter = /* @__PURE__ */ __name(({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsx(
+  "tfoot",
+  {
+    className: cn("border-t font-medium [&>tr]:last:border-b-0", className),
+    ...props
+  }
+), "TableFooter");
+TableFooter.displayName = "TableFooter";
+var TableRow = /* @__PURE__ */ __name(({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsx(
+  "tr",
+  {
+    className: cn(
+      "data-[state=selected]:bg-muted transition-colors hover:bg-gray-300/50",
+      className
+    ),
+    ...props
+  }
+), "TableRow");
+TableRow.displayName = "TableRow";
+var TableHead = /* @__PURE__ */ __name(({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsx(
+  "th",
+  {
+    className: cn(
+      "text-text-secondary h-12 px-4 text-left align-middle font-medium uppercase [&:has([role=checkbox])]:pr-0",
+      className
+    ),
+    ...props
+  }
+), "TableHead");
+TableHead.displayName = "TableHead";
+var TableCell = /* @__PURE__ */ __name(({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsx(
+  "td",
+  {
+    className: cn("p-4 align-middle [&:has([role=checkbox])]:pr-0", className),
+    ...props
+  }
+), "TableCell");
+TableCell.displayName = "TableCell";
+var TableCaption = /* @__PURE__ */ __name(({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsx(
+  "caption",
+  {
+    className: cn("text-text-secondary mt-4 text-sm", className),
+    ...props
+  }
+), "TableCaption");
+TableCaption.displayName = "TableCaption";
+
+exports.Table = Table;
+exports.TableBody = TableBody;
+exports.TableCaption = TableCaption;
+exports.TableCell = TableCell;
+exports.TableFooter = TableFooter;
+exports.TableHead = TableHead;
+exports.TableHeader = TableHeader;
+exports.TableRow = TableRow;

package/dist/table.mjs

@@ -0,0 +1,101 @@
+"use client";
+import { clsx } from 'clsx';
+import { twMerge } from 'tailwind-merge';
+import { jsx } from 'react/jsx-runtime';
+
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+__name(cn, "cn");
+var Table = /* @__PURE__ */ __name(({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsx(
+  "table",
+  {
+    className: cn("w-full caption-bottom text-sm", className),
+    ...props
+  }
+), "Table");
+Table.displayName = "Table";
+var TableHeader = /* @__PURE__ */ __name(({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsx(
+  "thead",
+  {
+    className: cn("[&_tr]:border-0 [&_tr]:border-b", className),
+    ...props
+  }
+), "TableHeader");
+TableHeader.displayName = "TableHeader";
+var TableBody = /* @__PURE__ */ __name(({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsx("tbody", { className: cn("[&_tr]:border-0", className), ...props }), "TableBody");
+TableBody.displayName = "TableBody";
+var TableFooter = /* @__PURE__ */ __name(({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsx(
+  "tfoot",
+  {
+    className: cn("border-t font-medium [&>tr]:last:border-b-0", className),
+    ...props
+  }
+), "TableFooter");
+TableFooter.displayName = "TableFooter";
+var TableRow = /* @__PURE__ */ __name(({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsx(
+  "tr",
+  {
+    className: cn(
+      "data-[state=selected]:bg-muted transition-colors hover:bg-gray-300/50",
+      className
+    ),
+    ...props
+  }
+), "TableRow");
+TableRow.displayName = "TableRow";
+var TableHead = /* @__PURE__ */ __name(({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsx(
+  "th",
+  {
+    className: cn(
+      "text-text-secondary h-12 px-4 text-left align-middle font-medium uppercase [&:has([role=checkbox])]:pr-0",
+      className
+    ),
+    ...props
+  }
+), "TableHead");
+TableHead.displayName = "TableHead";
+var TableCell = /* @__PURE__ */ __name(({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsx(
+  "td",
+  {
+    className: cn("p-4 align-middle [&:has([role=checkbox])]:pr-0", className),
+    ...props
+  }
+), "TableCell");
+TableCell.displayName = "TableCell";
+var TableCaption = /* @__PURE__ */ __name(({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsx(
+  "caption",
+  {
+    className: cn("text-text-secondary mt-4 text-sm", className),
+    ...props
+  }
+), "TableCaption");
+TableCaption.displayName = "TableCaption";
+
+export { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow };

package/dist/tabs.js

@@ -0,0 +1,128 @@
+"use client";
+'use strict';
+
+var TabsPrimitive = require('@radix-ui/react-tabs');
+var classVarianceAuthority = require('class-variance-authority');
+var clsx = require('clsx');
+var tailwindMerge = require('tailwind-merge');
+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 TabsPrimitive__namespace = /*#__PURE__*/_interopNamespace(TabsPrimitive);
+
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+function cn(...inputs) {
+  return tailwindMerge.twMerge(clsx.clsx(inputs));
+}
+__name(cn, "cn");
+function Tabs({
+  className,
+  orientation = "horizontal",
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    TabsPrimitive__namespace.Root,
+    {
+      "data-slot": "tabs",
+      "data-orientation": orientation,
+      orientation,
+      className: cn(
+        "group/tabs flex data-[orientation=horizontal]:flex-col",
+        className
+      ),
+      ...props
+    }
+  );
+}
+__name(Tabs, "Tabs");
+var tabsListVariants = classVarianceAuthority.cva(
+  "group/tabs-list text-muted-foreground inline-flex w-fit items-center justify-center group-data-[orientation=vertical]/tabs:h-fit group-data-[orientation=vertical]/tabs:flex-col",
+  {
+    variants: {
+      variant: {
+        default: "bg-muted rounded-lg p-1",
+        line: "gap-1 bg-transparent"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+function TabsList({
+  className,
+  variant = "default",
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    TabsPrimitive__namespace.List,
+    {
+      "data-slot": "tabs-list",
+      "data-variant": variant,
+      className: cn(tabsListVariants({ variant }), className),
+      ...props
+    }
+  );
+}
+__name(TabsList, "TabsList");
+function TabsTrigger({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    TabsPrimitive__namespace.Trigger,
+    {
+      "data-slot": "tabs-trigger",
+      className: cn(
+        "focus-visible:border-ring focus-visible:ring-ring/50 text-foreground/60 hover:text-foreground dark:text-muted-foreground dark:hover:text-foreground relative inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center whitespace-nowrap rounded-md px-3 py-1.5 text-sm font-medium transition-all group-data-[orientation=vertical]/tabs:w-full group-data-[orientation=vertical]/tabs:justify-start focus-visible:ring-[3px] focus-visible:outline-none disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0",
+        // Default variant styles
+        "group-data-[variant=line]/tabs-list:bg-transparent group-data-[variant=line]/tabs-list:data-[state=active]:bg-transparent",
+        // Active state
+        "data-[state=active]:bg-background dark:data-[state=active]:text-foreground dark:data-[state=active]:border-input dark:data-[state=active]:bg-input/30 data-[state=active]:text-foreground data-[state=active]:shadow-sm",
+        // Line variant indicator
+        "after:bg-foreground after:absolute after:opacity-0 after:transition-opacity group-data-[orientation=horizontal]/tabs:after:inset-x-0 group-data-[orientation=horizontal]/tabs:after:bottom-[-5px] group-data-[orientation=horizontal]/tabs:after:h-0.5 group-data-[orientation=vertical]/tabs:after:inset-y-0 group-data-[orientation=vertical]/tabs:after:-right-1 group-data-[orientation=vertical]/tabs:after:w-0.5 group-data-[variant=line]/tabs-list:data-[state=active]:after:opacity-100",
+        className
+      ),
+      ...props
+    }
+  );
+}
+__name(TabsTrigger, "TabsTrigger");
+function TabsContent({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    TabsPrimitive__namespace.Content,
+    {
+      "data-slot": "tabs-content",
+      className: cn("flex-1 outline-none mt-2", className),
+      ...props
+    }
+  );
+}
+__name(TabsContent, "TabsContent");
+
+exports.Tabs = Tabs;
+exports.TabsContent = TabsContent;
+exports.TabsList = TabsList;
+exports.TabsTrigger = TabsTrigger;
+exports.tabsListVariants = tabsListVariants;

package/dist/tabs.mjs

@@ -0,0 +1,102 @@
+"use client";
+import * as TabsPrimitive from '@radix-ui/react-tabs';
+import { cva } from 'class-variance-authority';
+import { clsx } from 'clsx';
+import { twMerge } from 'tailwind-merge';
+import { jsx } from 'react/jsx-runtime';
+
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+__name(cn, "cn");
+function Tabs({
+  className,
+  orientation = "horizontal",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    TabsPrimitive.Root,
+    {
+      "data-slot": "tabs",
+      "data-orientation": orientation,
+      orientation,
+      className: cn(
+        "group/tabs flex data-[orientation=horizontal]:flex-col",
+        className
+      ),
+      ...props
+    }
+  );
+}
+__name(Tabs, "Tabs");
+var tabsListVariants = cva(
+  "group/tabs-list text-muted-foreground inline-flex w-fit items-center justify-center group-data-[orientation=vertical]/tabs:h-fit group-data-[orientation=vertical]/tabs:flex-col",
+  {
+    variants: {
+      variant: {
+        default: "bg-muted rounded-lg p-1",
+        line: "gap-1 bg-transparent"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+function TabsList({
+  className,
+  variant = "default",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    TabsPrimitive.List,
+    {
+      "data-slot": "tabs-list",
+      "data-variant": variant,
+      className: cn(tabsListVariants({ variant }), className),
+      ...props
+    }
+  );
+}
+__name(TabsList, "TabsList");
+function TabsTrigger({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    TabsPrimitive.Trigger,
+    {
+      "data-slot": "tabs-trigger",
+      className: cn(
+        "focus-visible:border-ring focus-visible:ring-ring/50 text-foreground/60 hover:text-foreground dark:text-muted-foreground dark:hover:text-foreground relative inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center whitespace-nowrap rounded-md px-3 py-1.5 text-sm font-medium transition-all group-data-[orientation=vertical]/tabs:w-full group-data-[orientation=vertical]/tabs:justify-start focus-visible:ring-[3px] focus-visible:outline-none disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0",
+        // Default variant styles
+        "group-data-[variant=line]/tabs-list:bg-transparent group-data-[variant=line]/tabs-list:data-[state=active]:bg-transparent",
+        // Active state
+        "data-[state=active]:bg-background dark:data-[state=active]:text-foreground dark:data-[state=active]:border-input dark:data-[state=active]:bg-input/30 data-[state=active]:text-foreground data-[state=active]:shadow-sm",
+        // Line variant indicator
+        "after:bg-foreground after:absolute after:opacity-0 after:transition-opacity group-data-[orientation=horizontal]/tabs:after:inset-x-0 group-data-[orientation=horizontal]/tabs:after:bottom-[-5px] group-data-[orientation=horizontal]/tabs:after:h-0.5 group-data-[orientation=vertical]/tabs:after:inset-y-0 group-data-[orientation=vertical]/tabs:after:-right-1 group-data-[orientation=vertical]/tabs:after:w-0.5 group-data-[variant=line]/tabs-list:data-[state=active]:after:opacity-100",
+        className
+      ),
+      ...props
+    }
+  );
+}
+__name(TabsTrigger, "TabsTrigger");
+function TabsContent({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    TabsPrimitive.Content,
+    {
+      "data-slot": "tabs-content",
+      className: cn("flex-1 outline-none mt-2", className),
+      ...props
+    }
+  );
+}
+__name(TabsContent, "TabsContent");
+
+export { Tabs, TabsContent, TabsList, TabsTrigger, tabsListVariants };

package/dist/tailwind/fontFamily.tailwind.d.ts

@@ -0,0 +1,8 @@
+declare const _default: {
+    sans: string[];
+    heading: string[];
+    nav: string[];
+    serif: string[];
+    mono: string[];
+};
+export default _default;

package/dist/tailwind/fontSize.tailwind.d.ts

@@ -0,0 +1,36 @@
+declare const _default: {
+    xxs: (string | {
+        lineHeight: string;
+    })[];
+    xs: (string | {
+        lineHeight: string;
+    })[];
+    sm: (string | {
+        lineHeight: string;
+    })[];
+    base: (string | {
+        lineHeight: number;
+    })[];
+    lg: (string | {
+        lineHeight: string;
+    })[];
+    xl: (string | {
+        lineHeight: string;
+    })[];
+    '2xl': (string | {
+        lineHeight: string;
+    })[];
+    '3xl': (string | {
+        lineHeight: string;
+    })[];
+    '4xl': (string | {
+        lineHeight: string;
+    })[];
+    '5xl': (string | {
+        lineHeight: string;
+    })[];
+    '6xl': (string | {
+        lineHeight: string;
+    })[];
+};
+export default _default;

package/dist/tailwind/index.d.ts

@@ -0,0 +1,3 @@
+import preset from './tailwind.config.libreapps-preset';
+import type TwFontDesc from './tw-font-desc';
+export { preset, type TwFontDesc };