@hanzo/ui 5.3.34 → 5.3.36

package/dist/tailwind/typo-plugin/index.js

@@ -0,0 +1,102 @@
+import plugin from 'tailwindcss/plugin';
+import merge from 'lodash.merge';
+import castArray from 'lodash.castarray';
+import getStyles from './get-plugin-styles';
+import { commonTrailingPseudos } from './utils';
+let baseFontSize = 16;
+const computed = {
+// Reserved for future "magic properties", for example:
+// bulletColor: (color) => ({ 'ul > li::before': { backgroundColor: color } }),
+};
+function inWhere(selector, { className, modifier, prefix }) {
+    let prefixedNot = prefix(`.not-${className}`).slice(1);
+    let selectorPrefix = selector.startsWith('>')
+        ? `${modifier === 'DEFAULT' ? `.${className}` : `.${className}-${modifier}`} `
+        : '';
+    // Parse the selector, if every component ends in the same pseudo element(s) then move it to the end
+    let [trailingPseudo, rebuiltSelector] = commonTrailingPseudos(selector);
+    if (trailingPseudo) {
+        return `:where(${selectorPrefix}${rebuiltSelector}):not(:where([class~="${prefixedNot}"],[class~="${prefixedNot}"] *))${trailingPseudo}`;
+    }
+    return `:where(${selectorPrefix}${selector}):not(:where([class~="${prefixedNot}"],[class~="${prefixedNot}"] *))`;
+}
+function isObject(value) {
+    return typeof value === 'object' && value !== null;
+}
+function configToCss(config = {}, { target, className, modifier, prefix }) {
+    function updateSelector(k, v) {
+        if (target === 'legacy') {
+            return [k, v];
+        }
+        if (Array.isArray(v)) {
+            return [k, v];
+        }
+        if (isObject(v)) {
+            let nested = Object.values(v).some(isObject);
+            if (nested) {
+                return [
+                    inWhere(k, { className, modifier, prefix }),
+                    v,
+                    Object.fromEntries(Object.entries(v).map(([k, v]) => updateSelector(k, v))),
+                ];
+            }
+            return [inWhere(k, { className, modifier, prefix }), v];
+        }
+        return [k, v];
+    }
+    return Object.fromEntries(Object.entries(merge({}, ...Object.keys(config)
+        .filter((key) => computed[key])
+        .map((key) => computed[key](config[key])), ...castArray(config.css || {}))).map(([k, v]) => updateSelector(k, v)));
+}
+export default plugin.withOptions(({ className = 'prose', target = 'modern', base = 16 } = {}) => {
+    baseFontSize = base;
+    return function ({ addVariant, addComponents, theme, prefix }) {
+        let modifiers = theme('typography');
+        let options = { className, prefix };
+        for (let [name, ...selectors] of [
+            ['headings', 'h1', 'h2', 'h3', /* 'h4', 'h5', 'h6', 'th' */],
+            ['h1'],
+            ['h2'],
+            ['h3'],
+            ['h4'],
+            ['h5'],
+            ['h6'],
+            ['p'],
+            ['a'],
+            ['blockquote'],
+            ['figure'],
+            ['figcaption'],
+            ['strong'],
+            ['em'],
+            ['code'],
+            ['pre'],
+            ['ol'],
+            ['ul'],
+            ['li'],
+            ['table'],
+            ['thead'],
+            ['tr'],
+            ['th'],
+            ['td'],
+            ['img'],
+            ['video'],
+            ['hr'],
+        ]) {
+            selectors = selectors.length === 0 ? [name] : selectors;
+            let selector = target === 'legacy' ? selectors.map((selector) => `& ${selector}`) : selectors.join(', ');
+            addVariant(`${className}-${name}`, target === 'legacy' ? selector : `& :is(${inWhere(selector, options)})`);
+        }
+        addComponents(Object.keys(modifiers).map((modifier) => ({
+            [modifier === 'DEFAULT' ? `.${className}` : `.${className}-${modifier}`]: configToCss(modifiers[modifier], {
+                target,
+                className,
+                modifier,
+                prefix,
+            }),
+        })));
+    };
+}, () => {
+    return {
+        theme: { typography: getStyles(baseFontSize) },
+    };
+});

package/dist/tailwind/typo-plugin/utils.d.ts

@@ -0,0 +1,6 @@
+export function isUsableColor(color: any, values: any): any;
+/**
+ * @param {string} selector
+ */
+export function commonTrailingPseudos(selector: string): (string | null)[];
+//# sourceMappingURL=utils.d.ts.map

package/dist/tailwind/typo-plugin/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../tailwind/typo-plugin/utils.js"],"names":[],"mappings":"AAKA,4DAEC;AAED;;GAEG;AACH,gDAFW,MAAM,qBAiDhB"}

package/dist/tailwind/typo-plugin/utils.js

@@ -0,0 +1,47 @@
+import isPlainObject from 'lodash.isplainobject';
+import parser from 'postcss-selector-parser';
+const parseSelector = parser();
+export function isUsableColor(color, values) {
+    return isPlainObject(values) && color !== 'gray' && values[600];
+}
+/**
+ * @param {string} selector
+ */
+export function commonTrailingPseudos(selector) {
+    let ast = parseSelector.astSync(selector);
+    /** @type {import('postcss-selector-parser').Pseudo[][]} */
+    let matrix = [];
+    // Put the pseudo elements in reverse order in a sparse, column-major 2D array
+    for (let [i, sel] of ast.nodes.entries()) {
+        for (const [j, child] of [...sel.nodes].reverse().entries()) {
+            // We only care about pseudo elements
+            if (child.type !== 'pseudo' || !child.value.startsWith('::')) {
+                break;
+            }
+            matrix[j] = matrix[j] || [];
+            matrix[j][i] = child;
+        }
+    }
+    let trailingPseudos = parser.selector();
+    // At this point the pseudo elements are in a column-major 2D array
+    // This means each row contains one "column" of pseudo elements from each selector
+    // We can compare all the pseudo elements in a row to see if they are the same
+    for (const pseudos of matrix) {
+        // It's a sparse 2D array so there are going to be holes in the rows
+        // We skip those
+        if (!pseudos) {
+            continue;
+        }
+        let values = new Set([...pseudos.map((p) => p.value)]);
+        // The pseudo elements are not the same
+        if (values.size > 1) {
+            break;
+        }
+        pseudos.forEach((pseudo) => pseudo.remove());
+        trailingPseudos.prepend(pseudos[0]);
+    }
+    if (trailingPseudos.nodes.length) {
+        return [trailingPseudos.toString(), ast.toString()];
+    }
+    return [null, selector];
+}

package/dist/tailwind/z-index.tailwind.d.ts

@@ -0,0 +1,51 @@
+export default zIndex;
+declare const zIndex: {
+    'below-floating-3': string;
+    'below-floating-2': string;
+    'below-floating-1': string;
+    'below-floating': string;
+    floating: string;
+    'above-floating': string;
+    'above-floating-1': string;
+    'above-floating-2': string;
+    'above-floating-3': string;
+    'below-modal-3': string;
+    'below-modal-2': string;
+    'below-modal-1': string;
+    'below-modal': string;
+    modal: string;
+    'above-modal': string;
+    'above-modal-1': string;
+    'above-modal-2': string;
+    'above-modal-3': string;
+    'below-header-3': string;
+    'below-header-2': string;
+    'below-header-1': string;
+    'below-header': string;
+    header: string;
+    'above-header': string;
+    'above-header-1': string;
+    'above-header-2': string;
+    'above-header-3': string;
+    'below-popup-3': string;
+    'below-popup-2': string;
+    'below-popup-1': string;
+    'below-popup': string;
+    popup: string;
+    'above-popup': string;
+    'above-popup-1': string;
+    'above-popup-2': string;
+    'above-popup-3': string;
+    'below-content-3': string;
+    'below-content-2': string;
+    'below-content-1': string;
+    'below-content': string;
+    content: string;
+    'above-content': string;
+    'above-content-1': string;
+    'above-content-2': string;
+    'above-content-3': string;
+    auto: string;
+    unset: string;
+};
+//# sourceMappingURL=z-index.tailwind.d.ts.map

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

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

package/dist/tailwind/z-index.tailwind.js

@@ -0,0 +1,67 @@
+const zIndex = {
+    auto: 'auto',
+    unset: 'unset',
+    ...{
+        'below-content-3': '-3',
+        'below-content-2': '-2',
+        'below-content-1': '-1',
+        'below-content': '-1',
+        'content': '0',
+        'above-content': '1',
+        'above-content-1': '1',
+        'above-content-2': '2',
+        'above-content-3': '3',
+    },
+    // popups that may scroll w content, appear below header, etc
+    // for larger, modal popups, please use 'modal'
+    ...{
+        'below-popup-3': '7',
+        'below-popup-2': '8',
+        'below-popup-1': '9',
+        'below-popup': '9',
+        'popup': '10',
+        'above-popup': '11',
+        'above-popup-1': '11',
+        'above-popup-2': '12',
+        'above-popup-3': '13',
+    },
+    ...{
+        'below-header-3': '17',
+        'below-header-2': '18',
+        'below-header-1': '19',
+        'below-header': '19',
+        'header': '20',
+        'above-header': '21',
+        'above-header-1': '21',
+        'above-header-2': '22',
+        'above-header-3': '23',
+    },
+    // drawer, dialog, full screen menu
+    ...{
+        'below-modal-3': '27',
+        'below-modal-2': '28',
+        'below-modal-1': '29',
+        'below-modal': '29',
+        'modal': '30',
+        'above-modal': '31',
+        'above-modal-1': '31',
+        'above-modal-2': '32',
+        'above-modal-3': '33',
+    },
+    // "highest": help button, other UI that floats above everything.
+    ...{
+        'below-floating-3': '37',
+        'below-floating-2': '38',
+        'below-floating-1': '39',
+        'below-floating': '39',
+        'floating': '40',
+        'above-floating': '41',
+        'above-floating-1': '41',
+        'above-floating-2': '42',
+        'above-floating-3': '43',
+    },
+};
+for (let i = 0; i <= 50; i++) {
+    zIndex[`${i}`] = `${i}`;
+}
+export default zIndex;

package/dist/textarea.js

@@ -1,78 +1,2 @@
 "use client";
-'use strict';
-
-var React = require('react');
-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 React__namespace = /*#__PURE__*/_interopNamespace(React);
-
-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 DEFAULT_MIN_TEXTAREA_HEIGHT = 32;
-var DEFAULT_MAX_TEXTAREA_HEIGHT = 300;
-var Textarea = React__namespace.forwardRef(
-  ({
-    className,
-    minHeight = DEFAULT_MIN_TEXTAREA_HEIGHT,
-    maxHeight = DEFAULT_MAX_TEXTAREA_HEIGHT,
-    resize = "none",
-    ...props
-  }, ref) => {
-    const textareaRef = React__namespace.useRef(null);
-    const mergedRef = ref || textareaRef;
-    React__namespace.useLayoutEffect(() => {
-      if (!mergedRef.current) return;
-      mergedRef.current.style.height = "inherit";
-      mergedRef.current.style.height = `${Math.max(
-        mergedRef.current.scrollHeight + 2,
-        minHeight
-      )}px`;
-      if (props.autoFocus !== void 0 && props.autoFocus) {
-        mergedRef.current.focus();
-      }
-    }, [props.value, minHeight, maxHeight]);
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      "textarea",
-      {
-        className: cn(
-          "bg-bg-secondary placeholder:!text-text-placeholder border-input focus-visible:ring-border-input-focus flex w-full rounded-md border px-4 py-2 pt-7 text-sm break-words focus-visible:ring-1 focus-visible:outline-hidden focus-visible:ring-inset disabled:cursor-not-allowed disabled:opacity-50",
-          className
-        ),
-        ref: mergedRef,
-        style: {
-          minHeight: `${minHeight}px`,
-          maxHeight: resize === "vertical" ? void 0 : `${maxHeight}px`,
-          resize
-        },
-        ...props
-      }
-    );
-  }
-);
-Textarea.displayName = "Textarea";
-
-exports.Textarea = Textarea;
+'use strict';var t=require('react'),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 t__namespace=/*#__PURE__*/_interopNamespace(t);var f=Object.defineProperty;var c=(r,a)=>f(r,"name",{value:a,configurable:true});function s(...r){return tailwindMerge.twMerge(clsx.clsx(r))}c(s,"cn");var x=32,T=300,p=t__namespace.forwardRef(({className:r,minHeight:a=x,maxHeight:n=T,resize:i="none",...o},l)=>{let u=t__namespace.useRef(null),e=l||u;return t__namespace.useLayoutEffect(()=>{e.current&&(e.current.style.height="inherit",e.current.style.height=`${Math.max(e.current.scrollHeight+2,a)}px`,o.autoFocus!==void 0&&o.autoFocus&&e.current.focus());},[o.value,a,n]),jsxRuntime.jsx("textarea",{className:s("bg-bg-secondary placeholder:!text-text-placeholder border-input focus-visible:ring-border-input-focus flex w-full rounded-md border px-4 py-2 pt-7 text-sm break-words focus-visible:ring-1 focus-visible:outline-hidden focus-visible:ring-inset disabled:cursor-not-allowed disabled:opacity-50",r),ref:e,style:{minHeight:`${a}px`,maxHeight:i==="vertical"?void 0:`${n}px`,resize:i},...o})});p.displayName="Textarea";exports.Textarea=p;

package/dist/textarea.mjs

@@ -1,56 +1,2 @@
 "use client";
-import * as React from 'react';
-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 DEFAULT_MIN_TEXTAREA_HEIGHT = 32;
-var DEFAULT_MAX_TEXTAREA_HEIGHT = 300;
-var Textarea = React.forwardRef(
-  ({
-    className,
-    minHeight = DEFAULT_MIN_TEXTAREA_HEIGHT,
-    maxHeight = DEFAULT_MAX_TEXTAREA_HEIGHT,
-    resize = "none",
-    ...props
-  }, ref) => {
-    const textareaRef = React.useRef(null);
-    const mergedRef = ref || textareaRef;
-    React.useLayoutEffect(() => {
-      if (!mergedRef.current) return;
-      mergedRef.current.style.height = "inherit";
-      mergedRef.current.style.height = `${Math.max(
-        mergedRef.current.scrollHeight + 2,
-        minHeight
-      )}px`;
-      if (props.autoFocus !== void 0 && props.autoFocus) {
-        mergedRef.current.focus();
-      }
-    }, [props.value, minHeight, maxHeight]);
-    return /* @__PURE__ */ jsx(
-      "textarea",
-      {
-        className: cn(
-          "bg-bg-secondary placeholder:!text-text-placeholder border-input focus-visible:ring-border-input-focus flex w-full rounded-md border px-4 py-2 pt-7 text-sm break-words focus-visible:ring-1 focus-visible:outline-hidden focus-visible:ring-inset disabled:cursor-not-allowed disabled:opacity-50",
-          className
-        ),
-        ref: mergedRef,
-        style: {
-          minHeight: `${minHeight}px`,
-          maxHeight: resize === "vertical" ? void 0 : `${maxHeight}px`,
-          resize
-        },
-        ...props
-      }
-    );
-  }
-);
-Textarea.displayName = "Textarea";
-
-export { Textarea };
+import*as t from'react';import {clsx}from'clsx';import {twMerge}from'tailwind-merge';import {jsx}from'react/jsx-runtime';var f=Object.defineProperty;var c=(r,a)=>f(r,"name",{value:a,configurable:true});function s(...r){return twMerge(clsx(r))}c(s,"cn");var x=32,T=300,p=t.forwardRef(({className:r,minHeight:a=x,maxHeight:n=T,resize:i="none",...o},l)=>{let u=t.useRef(null),e=l||u;return t.useLayoutEffect(()=>{e.current&&(e.current.style.height="inherit",e.current.style.height=`${Math.max(e.current.scrollHeight+2,a)}px`,o.autoFocus!==void 0&&o.autoFocus&&e.current.focus());},[o.value,a,n]),jsx("textarea",{className:s("bg-bg-secondary placeholder:!text-text-placeholder border-input focus-visible:ring-border-input-focus flex w-full rounded-md border px-4 py-2 pt-7 text-sm break-words focus-visible:ring-1 focus-visible:outline-hidden focus-visible:ring-inset disabled:cursor-not-allowed disabled:opacity-50",r),ref:e,style:{minHeight:`${a}px`,maxHeight:i==="vertical"?void 0:`${n}px`,resize:i},...o})});p.displayName="Textarea";export{p as Textarea};

package/dist/toggle-group.js

@@ -1,118 +1,2 @@
 "use client";
-'use strict';
-
-var ToggleGroupPrimitive = require('@radix-ui/react-toggle-group');
-var React = require('react');
-var clsx = require('clsx');
-var tailwindMerge = require('tailwind-merge');
-var TogglePrimitive = require('@radix-ui/react-toggle');
-var classVarianceAuthority = require('class-variance-authority');
-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 ToggleGroupPrimitive__namespace = /*#__PURE__*/_interopNamespace(ToggleGroupPrimitive);
-var React__namespace = /*#__PURE__*/_interopNamespace(React);
-var TogglePrimitive__namespace = /*#__PURE__*/_interopNamespace(TogglePrimitive);
-
-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 toggleVariants = classVarianceAuthority.cva(
-  "ring-offset-background hover:bg-muted hover:text-text-secondary focus-visible:ring-ring data-[state=on]:bg-bg-quaternary inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-hidden disabled:pointer-events-none disabled:opacity-50 data-[state=on]:text-white",
-  {
-    variants: {
-      variant: {
-        default: "bg-bg-tertiary",
-        outline: "border-divider hover:bg-bg-tertiary border bg-transparent hover:text-white"
-      },
-      size: {
-        default: "h-10 px-3",
-        sm: "h-9 px-2.5",
-        lg: "h-11 px-5"
-      }
-    },
-    defaultVariants: {
-      variant: "default",
-      size: "default"
-    }
-  }
-);
-var Toggle = /* @__PURE__ */ __name(({
-  className,
-  variant,
-  size,
-  ...props
-}) => /* @__PURE__ */ jsxRuntime.jsx(
-  TogglePrimitive__namespace.Root,
-  {
-    className: cn(toggleVariants({ variant, size, className })),
-    ...props
-  }
-), "Toggle");
-Toggle.displayName = TogglePrimitive__namespace.Root.displayName;
-var ToggleGroupContext = React__namespace.createContext({
-  size: "default",
-  variant: "default"
-});
-var ToggleGroup = /* @__PURE__ */ __name(({
-  className,
-  variant,
-  size,
-  children,
-  ...props
-}) => /* @__PURE__ */ jsxRuntime.jsx(
-  ToggleGroupPrimitive__namespace.Root,
-  {
-    className: cn("flex items-center justify-center gap-1", className),
-    ...props,
-    children: /* @__PURE__ */ jsxRuntime.jsx(ToggleGroupContext.Provider, { value: { variant, size }, children })
-  }
-), "ToggleGroup");
-ToggleGroup.displayName = ToggleGroupPrimitive__namespace.Root.displayName;
-var ToggleGroupItem = /* @__PURE__ */ __name(({
-  className,
-  children,
-  variant,
-  size,
-  ...props
-}) => {
-  const context = React__namespace.useContext(ToggleGroupContext);
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    ToggleGroupPrimitive__namespace.Item,
-    {
-      className: cn(
-        toggleVariants({
-          variant: context.variant || variant,
-          size: context.size || size
-        }),
-        className
-      ),
-      ...props,
-      children
-    }
-  );
-}, "ToggleGroupItem");
-ToggleGroupItem.displayName = ToggleGroupPrimitive__namespace.Item.displayName;
-
-exports.ToggleGroup = ToggleGroup;
-exports.ToggleGroupItem = ToggleGroupItem;
+'use strict';var r=require('@radix-ui/react-toggle-group'),s=require('react'),clsx=require('clsx'),tailwindMerge=require('tailwind-merge'),p=require('@radix-ui/react-toggle'),classVarianceAuthority=require('class-variance-authority'),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 r__namespace=/*#__PURE__*/_interopNamespace(r);var s__namespace=/*#__PURE__*/_interopNamespace(s);var p__namespace=/*#__PURE__*/_interopNamespace(p);var c=Object.defineProperty;var o=(t,e)=>c(t,"name",{value:e,configurable:true});function n(...t){return tailwindMerge.twMerge(clsx.clsx(t))}o(n,"cn");var l=classVarianceAuthority.cva("ring-offset-background hover:bg-muted hover:text-text-secondary focus-visible:ring-ring data-[state=on]:bg-bg-quaternary inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-hidden disabled:pointer-events-none disabled:opacity-50 data-[state=on]:text-white",{variants:{variant:{default:"bg-bg-tertiary",outline:"border-divider hover:bg-bg-tertiary border bg-transparent hover:text-white"},size:{default:"h-10 px-3",sm:"h-9 px-2.5",lg:"h-11 px-5"}},defaultVariants:{variant:"default",size:"default"}}),y=o(({className:t,variant:e,size:i,...a})=>jsxRuntime.jsx(p__namespace.Root,{className:n(l({variant:e,size:i,className:t})),...a}),"Toggle");y.displayName=p__namespace.Root.displayName;var f=s__namespace.createContext({size:"default",variant:"default"}),x=o(({className:t,variant:e,size:i,children:a,...g})=>jsxRuntime.jsx(r__namespace.Root,{className:n("flex items-center justify-center gap-1",t),...g,children:jsxRuntime.jsx(f.Provider,{value:{variant:e,size:i},children:a})}),"ToggleGroup");x.displayName=r__namespace.Root.displayName;var T=o(({className:t,children:e,variant:i,size:a,...g})=>{let u=s__namespace.useContext(f);return jsxRuntime.jsx(r__namespace.Item,{className:n(l({variant:u.variant||i,size:u.size||a}),t),...g,children:e})},"ToggleGroupItem");T.displayName=r__namespace.Item.displayName;exports.ToggleGroup=x;exports.ToggleGroupItem=T;

package/dist/toggle-group.mjs

@@ -1,93 +1,2 @@
 "use client";
-import * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group';
-import * as React from 'react';
-import { clsx } from 'clsx';
-import { twMerge } from 'tailwind-merge';
-import * as TogglePrimitive from '@radix-ui/react-toggle';
-import { cva } from 'class-variance-authority';
-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 toggleVariants = cva(
-  "ring-offset-background hover:bg-muted hover:text-text-secondary focus-visible:ring-ring data-[state=on]:bg-bg-quaternary inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-hidden disabled:pointer-events-none disabled:opacity-50 data-[state=on]:text-white",
-  {
-    variants: {
-      variant: {
-        default: "bg-bg-tertiary",
-        outline: "border-divider hover:bg-bg-tertiary border bg-transparent hover:text-white"
-      },
-      size: {
-        default: "h-10 px-3",
-        sm: "h-9 px-2.5",
-        lg: "h-11 px-5"
-      }
-    },
-    defaultVariants: {
-      variant: "default",
-      size: "default"
-    }
-  }
-);
-var Toggle = /* @__PURE__ */ __name(({
-  className,
-  variant,
-  size,
-  ...props
-}) => /* @__PURE__ */ jsx(
-  TogglePrimitive.Root,
-  {
-    className: cn(toggleVariants({ variant, size, className })),
-    ...props
-  }
-), "Toggle");
-Toggle.displayName = TogglePrimitive.Root.displayName;
-var ToggleGroupContext = React.createContext({
-  size: "default",
-  variant: "default"
-});
-var ToggleGroup = /* @__PURE__ */ __name(({
-  className,
-  variant,
-  size,
-  children,
-  ...props
-}) => /* @__PURE__ */ jsx(
-  ToggleGroupPrimitive.Root,
-  {
-    className: cn("flex items-center justify-center gap-1", className),
-    ...props,
-    children: /* @__PURE__ */ jsx(ToggleGroupContext.Provider, { value: { variant, size }, children })
-  }
-), "ToggleGroup");
-ToggleGroup.displayName = ToggleGroupPrimitive.Root.displayName;
-var ToggleGroupItem = /* @__PURE__ */ __name(({
-  className,
-  children,
-  variant,
-  size,
-  ...props
-}) => {
-  const context = React.useContext(ToggleGroupContext);
-  return /* @__PURE__ */ jsx(
-    ToggleGroupPrimitive.Item,
-    {
-      className: cn(
-        toggleVariants({
-          variant: context.variant || variant,
-          size: context.size || size
-        }),
-        className
-      ),
-      ...props,
-      children
-    }
-  );
-}, "ToggleGroupItem");
-ToggleGroupItem.displayName = ToggleGroupPrimitive.Item.displayName;
-
-export { ToggleGroup, ToggleGroupItem };
+import*as r from'@radix-ui/react-toggle-group';import*as s from'react';import {clsx}from'clsx';import {twMerge}from'tailwind-merge';import*as p from'@radix-ui/react-toggle';import {cva}from'class-variance-authority';import {jsx}from'react/jsx-runtime';var c=Object.defineProperty;var o=(t,e)=>c(t,"name",{value:e,configurable:true});function n(...t){return twMerge(clsx(t))}o(n,"cn");var l=cva("ring-offset-background hover:bg-muted hover:text-text-secondary focus-visible:ring-ring data-[state=on]:bg-bg-quaternary inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-hidden disabled:pointer-events-none disabled:opacity-50 data-[state=on]:text-white",{variants:{variant:{default:"bg-bg-tertiary",outline:"border-divider hover:bg-bg-tertiary border bg-transparent hover:text-white"},size:{default:"h-10 px-3",sm:"h-9 px-2.5",lg:"h-11 px-5"}},defaultVariants:{variant:"default",size:"default"}}),y=o(({className:t,variant:e,size:i,...a})=>jsx(p.Root,{className:n(l({variant:e,size:i,className:t})),...a}),"Toggle");y.displayName=p.Root.displayName;var f=s.createContext({size:"default",variant:"default"}),x=o(({className:t,variant:e,size:i,children:a,...g})=>jsx(r.Root,{className:n("flex items-center justify-center gap-1",t),...g,children:jsx(f.Provider,{value:{variant:e,size:i},children:a})}),"ToggleGroup");x.displayName=r.Root.displayName;var T=o(({className:t,children:e,variant:i,size:a,...g})=>{let u=s.useContext(f);return jsx(r.Item,{className:n(l({variant:u.variant||i,size:u.size||a}),t),...g,children:e})},"ToggleGroupItem");T.displayName=r.Item.displayName;export{x as ToggleGroup,T as ToggleGroupItem};