@hanzo/ui 5.3.34 → 5.3.36

package/dist/tabs.js

@@ -1,82 +1,2 @@
 "use client";
-'use strict';
-
-var TabsPrimitive = require('@radix-ui/react-tabs');
-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");
-var Tabs = TabsPrimitive__namespace.Root;
-var TabsList = /* @__PURE__ */ __name(({
-  className,
-  ...props
-}) => /* @__PURE__ */ jsxRuntime.jsx(
-  TabsPrimitive__namespace.List,
-  {
-    className: cn(
-      "text-text-tertiary inline-flex h-10 items-center justify-center rounded-md bg-[#27252B] p-1",
-      className
-    ),
-    ...props
-  }
-), "TabsList");
-TabsList.displayName = TabsPrimitive__namespace.List.displayName;
-var TabsTrigger = /* @__PURE__ */ __name(({
-  className,
-  ...props
-}) => /* @__PURE__ */ jsxRuntime.jsx(
-  TabsPrimitive__namespace.Trigger,
-  {
-    className: cn(
-      "ring-offset-background focus-visible:ring-ring inline-flex items-center justify-center rounded-md px-3 py-1.5 text-sm font-medium whitespace-nowrap transition-all focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-hidden disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-[#2D3239] data-[state=active]:text-white data-[state=active]:shadow-xs",
-      className
-    ),
-    ...props
-  }
-), "TabsTrigger");
-TabsTrigger.displayName = TabsPrimitive__namespace.Trigger.displayName;
-var TabsContent = /* @__PURE__ */ __name(({
-  className,
-  ...props
-}) => /* @__PURE__ */ jsxRuntime.jsx(
-  TabsPrimitive__namespace.Content,
-  {
-    className: cn(
-      "ring-offset-background focus-visible:ring-ring mt-3 focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-hidden",
-      className
-    ),
-    ...props
-  }
-), "TabsContent");
-TabsContent.displayName = TabsPrimitive__namespace.Content.displayName;
-
-exports.Tabs = Tabs;
-exports.TabsContent = TabsContent;
-exports.TabsList = TabsList;
-exports.TabsTrigger = TabsTrigger;
+'use strict';var e=require('@radix-ui/react-tabs'),classVarianceAuthority=require('class-variance-authority'),clsx=require('clsx'),tailwindMerge=require('tailwind-merge'),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 e__namespace=/*#__PURE__*/_interopNamespace(e);var s=Object.defineProperty;var r=(t,a)=>s(t,"name",{value:a,configurable:true});function i(...t){return tailwindMerge.twMerge(clsx.clsx(t))}r(i,"cn");function y({className:t,orientation:a="horizontal",...n}){return jsxRuntime.jsx(e__namespace.Root,{"data-slot":"tabs","data-orientation":a,orientation:a,className:i("group/tabs flex data-[orientation=horizontal]:flex-col",t),...n})}r(y,"Tabs");var p=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 P({className:t,variant:a="default",...n}){return jsxRuntime.jsx(e__namespace.List,{"data-slot":"tabs-list","data-variant":a,className:i(p({variant:a}),t),...n})}r(P,"TabsList");function T({className:t,...a}){return jsxRuntime.jsx(e__namespace.Trigger,{"data-slot":"tabs-trigger",className:i("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","group-data-[variant=line]/tabs-list:bg-transparent group-data-[variant=line]/tabs-list:data-[state=active]:bg-transparent","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","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",t),...a})}r(T,"TabsTrigger");function h({className:t,...a}){return jsxRuntime.jsx(e__namespace.Content,{"data-slot":"tabs-content",className:i("flex-1 outline-none mt-2",t),...a})}r(h,"TabsContent");exports.Tabs=y;exports.TabsContent=h;exports.TabsList=P;exports.TabsTrigger=T;exports.tabsListVariants=p;

package/dist/tabs.mjs

@@ -1,57 +1,2 @@
 "use client";
-import * as TabsPrimitive from '@radix-ui/react-tabs';
-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 Tabs = TabsPrimitive.Root;
-var TabsList = /* @__PURE__ */ __name(({
-  className,
-  ...props
-}) => /* @__PURE__ */ jsx(
-  TabsPrimitive.List,
-  {
-    className: cn(
-      "text-text-tertiary inline-flex h-10 items-center justify-center rounded-md bg-[#27252B] p-1",
-      className
-    ),
-    ...props
-  }
-), "TabsList");
-TabsList.displayName = TabsPrimitive.List.displayName;
-var TabsTrigger = /* @__PURE__ */ __name(({
-  className,
-  ...props
-}) => /* @__PURE__ */ jsx(
-  TabsPrimitive.Trigger,
-  {
-    className: cn(
-      "ring-offset-background focus-visible:ring-ring inline-flex items-center justify-center rounded-md px-3 py-1.5 text-sm font-medium whitespace-nowrap transition-all focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-hidden disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-[#2D3239] data-[state=active]:text-white data-[state=active]:shadow-xs",
-      className
-    ),
-    ...props
-  }
-), "TabsTrigger");
-TabsTrigger.displayName = TabsPrimitive.Trigger.displayName;
-var TabsContent = /* @__PURE__ */ __name(({
-  className,
-  ...props
-}) => /* @__PURE__ */ jsx(
-  TabsPrimitive.Content,
-  {
-    className: cn(
-      "ring-offset-background focus-visible:ring-ring mt-3 focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-hidden",
-      className
-    ),
-    ...props
-  }
-), "TabsContent");
-TabsContent.displayName = TabsPrimitive.Content.displayName;
-
-export { Tabs, TabsContent, TabsList, TabsTrigger };
+import*as e 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 s=Object.defineProperty;var r=(t,a)=>s(t,"name",{value:a,configurable:true});function i(...t){return twMerge(clsx(t))}r(i,"cn");function y({className:t,orientation:a="horizontal",...n}){return jsx(e.Root,{"data-slot":"tabs","data-orientation":a,orientation:a,className:i("group/tabs flex data-[orientation=horizontal]:flex-col",t),...n})}r(y,"Tabs");var p=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 P({className:t,variant:a="default",...n}){return jsx(e.List,{"data-slot":"tabs-list","data-variant":a,className:i(p({variant:a}),t),...n})}r(P,"TabsList");function T({className:t,...a}){return jsx(e.Trigger,{"data-slot":"tabs-trigger",className:i("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","group-data-[variant=line]/tabs-list:bg-transparent group-data-[variant=line]/tabs-list:data-[state=active]:bg-transparent","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","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",t),...a})}r(T,"TabsTrigger");function h({className:t,...a}){return jsx(e.Content,{"data-slot":"tabs-content",className:i("flex-1 outline-none mt-2",t),...a})}r(h,"TabsContent");export{y as Tabs,h as TabsContent,P as TabsList,T as TabsTrigger,p as tabsListVariants};

package/dist/tailwind/colors.tailwind.d.ts

@@ -0,0 +1,53 @@
+declare function _default({ colors }: {
+    colors: any;
+}): {
+    inherit: any;
+    current: any;
+    transparent: any;
+    ring: string;
+    background: string;
+    overlay: string;
+    level: {
+        DEFAULT: string;
+        '0': string;
+        '1': string;
+        '2': string;
+        '3': string;
+    };
+    accent: string;
+    foreground: string;
+    muted: {
+        DEFAULT: string;
+        '1': string;
+        '2': string;
+        '3': string;
+        '4': string;
+    };
+    primary: {
+        DEFAULT: string;
+        lux: string;
+        hover: string;
+        fg: string;
+    };
+    secondary: {
+        DEFAULT: string;
+        lux: string;
+        hover: string;
+        fg: string;
+        '0': string;
+        '1': string;
+        '2': string;
+        '3': string;
+    };
+    destructive: {
+        DEFAULT: string;
+        fg: string;
+    };
+    nav: {
+        DEFAULT: string;
+        hover: string;
+        current: string;
+    };
+};
+export default _default;
+//# sourceMappingURL=colors.tailwind.d.ts.map

package/dist/tailwind/colors.tailwind.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"colors.tailwind.d.ts","sourceRoot":"","sources":["../../tailwind/colors.tailwind.js"],"names":[],"mappings":"AAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAoDb"}

package/dist/tailwind/colors.tailwind.js

@@ -0,0 +1,52 @@
+export default ({ colors }) => ({
+    inherit: colors.inherit,
+    current: colors.current,
+    transparent: colors.transparent,
+    ring: "var(--hz-ui-ring)",
+    background: 'var(--hz-ui-bg-0)',
+    // Should be partially transparent,
+    // so opacity animations in 'vaul' module and other 3rd party stuff work
+    overlay: 'var(--hz-ui-bg-overlay)',
+    // levels forward in z-index (a la Material Design)
+    level: {
+        DEFAULT: "var(--hz-ui-bg-0)",
+        '0': "var(--hz-ui-bg-0)",
+        '1': "var(--hz-ui-bg-1)",
+        '2': "var(--hz-ui-bg-2)",
+        '3': "var(--hz-ui-bg-3)",
+    },
+    accent: "var(--hz-ui-fg-0)", // full contrast (darkTheme:white) : heading and links hover
+    foreground: "var(--hz-ui-fg-body)", // body text off-white (bright enough to contrast to bg-level-1)
+    muted: {
+        DEFAULT: "var(--hz-ui-fg-2)", // de-emphasized: fine print
+        '1': "var(--hz-ui-fg-2)", // synonymous ^^^
+        '2': "var(--hz-ui-fg-3)", // disabled or very de-emphasized
+        '3': "var(--hz-ui-fg-4)", // very disabled ;)
+        '4': "var(--hz-ui-fg-5)", // disabled border
+    },
+    primary: {
+        DEFAULT: "var(--hz-ui-primary)",
+        lux: "var(--hz-ui-primary)", // in case there are two configs
+        hover: "var(--hz-ui-primary-hover)",
+        fg: "var(--hz-ui-primary-fg)",
+    },
+    secondary: {
+        DEFAULT: "var(--hz-ui-secondary)",
+        lux: "var(--hz-ui-secondary)", // in case there are two configs
+        hover: "var(--hz-ui-secondary-hover)",
+        fg: "var(--hz-ui-secondary-fg)",
+        '0': 'var(--hz-ui-secondary-0)',
+        '1': 'var(--hz-ui-secondary-1)',
+        '2': 'var(--hz-ui-secondary-2)',
+        '3': 'var(--hz-ui-secondary-3)',
+    },
+    destructive: {
+        DEFAULT: "var(--hz-ui-destructive)",
+        fg: "var(--hz-ui-destructive-fg)",
+    },
+    nav: {
+        DEFAULT: "var(--hz-ui-nav)",
+        hover: "var(--hz-ui-nav-hover)",
+        current: "var(--hz-ui-nav-current)",
+    },
+});

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

@@ -0,0 +1,9 @@
+declare const _default: {
+    sans: string[];
+    heading: string[];
+    nav: string[];
+    serif: string[];
+    mono: string[];
+};
+export default _default;
+//# sourceMappingURL=fontFamily.tailwind.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"fontFamily.tailwind.d.ts","sourceRoot":"","sources":["../../tailwind/fontFamily.tailwind.ts"],"names":[],"mappings":";;;;;;;AAAA,wBAMC"}

package/dist/tailwind/fontFamily.tailwind.js

@@ -0,0 +1,7 @@
+export default {
+    sans: ['sans-serif'],
+    heading: ['serif'],
+    nav: ['serif'],
+    serif: ['serif'],
+    mono: ['monospace']
+};

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

@@ -0,0 +1,37 @@
+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;
+//# sourceMappingURL=fontSize.tailwind.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"fontSize.tailwind.d.ts","sourceRoot":"","sources":["../../tailwind/fontSize.tailwind.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,wBAYC"}

package/dist/tailwind/fontSize.tailwind.js

@@ -0,0 +1,13 @@
+export default {
+    xxs: ['0.65rem', { lineHeight: '0.8rem' }], // very fine print               
+    xs: ['0.8rem', { lineHeight: '1rem' }], // fine print               
+    sm: ['0.9rem', { lineHeight: '1.2rem' }], // 'standard' some news article cards  (set manually when using typography-sm)
+    base: ['1rem', { lineHeight: 1.4 }],
+    lg: ['1.125rem', { lineHeight: '1.75rem' }],
+    xl: ['1.25rem', { lineHeight: '1.75rem' }],
+    '2xl': ['1.5rem', { lineHeight: '2rem' }],
+    '3xl': ['1.875rem', { lineHeight: '2.25rem' }],
+    '4xl': ['2.25rem', { lineHeight: '2.5rem' }],
+    '5xl': ['3rem', { lineHeight: '1' }],
+    '6xl': ['3.75rem', { lineHeight: '1' }],
+};

package/dist/tailwind/index.d.ts

@@ -0,0 +1,4 @@
+import preset from './tailwind.config.hanzo-preset';
+import type TwFontDesc from './tw-font-desc';
+export { preset, type TwFontDesc };
+//# sourceMappingURL=index.d.ts.map

package/dist/tailwind/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../tailwind/index.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,gCAAgC,CAAA;AACnD,OAAO,KAAK,UAAU,MAAM,gBAAgB,CAAA;AAE5C,OAAO,EACL,MAAM,EACN,KAAK,UAAU,EAChB,CAAA"}