shad-m 1.0.2 → 1.0.3

package/dist/components/textarea.js

@@ -0,0 +1,200 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var helpers = require('@/lib/helpers');
+var types = require('@/lib/types');
+var utils = require('@/lib/utils');
+var UISystemProvider = require('@/providers/UISystemProvider');
+var React = require('react');
+var DsInputLayout = require('./input');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+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 DsInputLayout__default = /*#__PURE__*/_interopDefault(DsInputLayout);
+
+const textareaClasses = {
+  default: "px-3 py-3",
+  lg: "px-3 py-4"
+};
+const Textarea = React__namespace.forwardRef(
+  ({
+    label,
+    className,
+    isError = false,
+    disabled = false,
+    classButton,
+    buttonIcon,
+    addonAfter,
+    addonBefore,
+    buttonIconClassName,
+    onClearValue,
+    showRemoveIcon = false,
+    trackingData,
+    trackingIndex,
+    trackingName,
+    trackingInputName,
+    //Textarea props
+    inputClassName,
+    value = "",
+    style,
+    onChange,
+    name,
+    size = "default",
+    autoFocus,
+    maxLength,
+    readOnly,
+    placeholder,
+    rows = 4,
+    cols,
+    helpText,
+    errorText,
+    helpTextClassName,
+    errorTextClassName,
+    showInputLength,
+    ...rest
+  }, ref) => {
+    const { sendTrack } = UISystemProvider.useUISystemContext() ?? {};
+    const callbackRef = React__namespace.useRef((_text) => {
+    });
+    React__namespace.useEffect(() => {
+      callbackRef.current = (_text) => {
+        trackingInputName && sendTrack?.(trackingInputName, types.TRACKING_TYPE.input, trackingData || {});
+      };
+    });
+    const sendTrackingDebounce = React__namespace.useMemo(() => {
+      return helpers.debounce((_text) => {
+        trackingInputName && callbackRef.current?.(_text);
+      }, 1e3);
+    }, [trackingInputName]);
+    const showRemoveIconFlag = !!value && !disabled && showRemoveIcon;
+    const handleClearValue = React__namespace.useCallback(() => {
+      onClearValue?.();
+      onChange?.({
+        target: {
+          name,
+          value: ""
+        }
+      });
+    }, [onClearValue, name, onChange]);
+    const onChangeInput = React__namespace.useCallback(
+      (e) => {
+        onChange?.(e);
+        sendTrackingDebounce(e?.target?.value);
+      },
+      [onChange, sendTrackingDebounce]
+    );
+    const getDisplayText = () => {
+      if (isError && errorText) {
+        return { text: errorText, className: errorTextClassName, isError: true };
+      }
+      if (helpText) {
+        return { text: helpText, className: helpTextClassName, isError: false };
+      }
+      return null;
+    };
+    const displayTextInfo = getDisplayText();
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-1", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        DsInputLayout__default.default,
+        {
+          isTextarea: true,
+          showRemoveIcon: showRemoveIconFlag,
+          label,
+          trackingData,
+          trackingIndex,
+          trackingName,
+          disabled,
+          addonAfter,
+          addonBefore,
+          buttonIcon,
+          className,
+          isError,
+          classButton,
+          onClearValue: handleClearValue,
+          size,
+          buttonIconClassName,
+          children: () => {
+            return /* @__PURE__ */ jsxRuntime.jsx(
+              "textarea",
+              {
+                "data-disabled": disabled,
+                className: utils.cn(
+                  "flex w-full resize-none rounded-md border border-none font-normal focus:outline-none disabled:cursor-not-allowed",
+                  disabled && "text-muted-foreground cursor-not-allowed",
+                  "input-placeholder",
+                  textareaClasses[size],
+                  inputClassName
+                ),
+                style,
+                value,
+                ref,
+                onChange: onChangeInput,
+                name,
+                disabled,
+                maxLength,
+                autoFocus,
+                readOnly,
+                placeholder,
+                rows,
+                cols,
+                ...rest
+              }
+            );
+          }
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsxs(
+        "div",
+        {
+          className: utils.cn(
+            "flex",
+            displayTextInfo && showInputLength ? "justify-between" : showInputLength ? "justify-end" : ""
+          ),
+          children: [
+            displayTextInfo && /* @__PURE__ */ jsxRuntime.jsx(
+              "div",
+              {
+                className: utils.cn(
+                  "mt-1 flex flex-1 items-center text-sm",
+                  displayTextInfo.isError ? "text-destructive" : "text-muted-foreground",
+                  displayTextInfo.className
+                ),
+                children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "line-clamp-1", children: displayTextInfo.text })
+              }
+            ),
+            showInputLength && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-muted-foreground mt-1", children: [
+              value.length,
+              "/",
+              maxLength
+            ] })
+          ]
+        }
+      )
+    ] });
+  }
+);
+Textarea.displayName = "Textarea";
+
+exports.Textarea = Textarea;
+exports.textareaClasses = textareaClasses;
+//# sourceMappingURL=textarea.js.map
+//# sourceMappingURL=textarea.js.map

package/dist/components/textarea.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/textarea.tsx"],"names":["React","useUISystemContext","TRACKING_TYPE","debounce","jsxs","jsx","DsInputLayout","cn"],"mappings":"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","file":"textarea.js","sourcesContent":["import { debounce } from '@/lib/helpers';\nimport { TRACKING_TYPE } from '@/lib/types';\nimport { cn } from '@/lib/utils';\nimport { useUISystemContext } from '@/providers/UISystemProvider';\nimport * as React from 'react';\nimport DsInputLayout, { InputLayoutProps } from './input';\n\nexport interface TextareaProps\n  extends React.TextareaHTMLAttributes<HTMLTextAreaElement>,\n    Omit<InputLayoutProps, 'children'> {\n  value?: string;\n  inputClassName?: string;\n  trackingInputName?: string;\n  size?: 'default' | 'lg';\n  onChange?: (e: React.ChangeEvent<HTMLTextAreaElement>) => void;\n  helpText?: React.ReactNode;\n  errorText?: React.ReactNode;\n  helpTextClassName?: string;\n  errorTextClassName?: string;\n  showInputLength?: boolean;\n}\n\nexport const textareaClasses = {\n  default: 'px-3 py-3',\n  lg: 'px-3 py-4',\n};\n\nconst Textarea = React.forwardRef<HTMLTextAreaElement, TextareaProps>(\n  (\n    {\n      label,\n      className,\n      isError = false,\n      disabled = false,\n      classButton,\n      buttonIcon,\n      addonAfter,\n      addonBefore,\n      buttonIconClassName,\n      onClearValue,\n      showRemoveIcon = false,\n      trackingData,\n      trackingIndex,\n      trackingName,\n      trackingInputName,\n      //Textarea props\n      inputClassName,\n      value = '',\n      style,\n      onChange,\n      name,\n      size = 'default',\n      autoFocus,\n      maxLength,\n      readOnly,\n      placeholder,\n      rows = 4,\n      cols,\n      helpText,\n      errorText,\n      helpTextClassName,\n      errorTextClassName,\n      showInputLength,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { sendTrack } = useUISystemContext() ?? {};\n    const callbackRef = React.useRef((_text: string) => {});\n    React.useEffect(() => {\n      callbackRef.current = (_text: string) => {\n        trackingInputName &&\n          sendTrack?.(trackingInputName, TRACKING_TYPE.input, trackingData || {});\n      };\n    });\n    const sendTrackingDebounce = React.useMemo(() => {\n      return debounce((_text: string) => {\n        trackingInputName && callbackRef.current?.(_text);\n      }, 1000);\n    }, [trackingInputName]);\n\n    const showRemoveIconFlag = !!value && !disabled && showRemoveIcon;\n\n    const handleClearValue = React.useCallback(() => {\n      // Call custom clear callback if provided\n      onClearValue?.();\n\n      // Default clear behavior - always clear the textarea value\n      onChange?.({\n        target: {\n          name,\n          value: '',\n        },\n      } as React.ChangeEvent<HTMLTextAreaElement>);\n    }, [onClearValue, name, onChange]);\n\n    const onChangeInput = React.useCallback(\n      (e: React.ChangeEvent<HTMLTextAreaElement>) => {\n        onChange?.(e);\n        sendTrackingDebounce(e?.target?.value);\n      },\n      [onChange, sendTrackingDebounce],\n    );\n\n    // Determine which text to show based on priority\n    const getDisplayText = () => {\n      if (isError && errorText) {\n        return { text: errorText, className: errorTextClassName, isError: true };\n      }\n      if (helpText) {\n        return { text: helpText, className: helpTextClassName, isError: false };\n      }\n      return null;\n    };\n\n    const displayTextInfo = getDisplayText();\n\n    return (\n      <div className=\"space-y-1\">\n        <DsInputLayout\n          isTextarea\n          showRemoveIcon={showRemoveIconFlag}\n          label={label}\n          trackingData={trackingData}\n          trackingIndex={trackingIndex}\n          trackingName={trackingName}\n          disabled={disabled}\n          addonAfter={addonAfter}\n          addonBefore={addonBefore}\n          buttonIcon={buttonIcon}\n          className={className}\n          isError={isError}\n          classButton={classButton}\n          onClearValue={handleClearValue}\n          size={size}\n          buttonIconClassName={buttonIconClassName}\n        >\n          {() => {\n            return (\n              <textarea\n                data-disabled={disabled}\n                className={cn(\n                  'flex w-full resize-none rounded-md border border-none font-normal focus:outline-none disabled:cursor-not-allowed',\n                  disabled && 'text-muted-foreground cursor-not-allowed',\n                  'input-placeholder',\n                  textareaClasses[size],\n                  inputClassName,\n                )}\n                style={style}\n                value={value}\n                ref={ref}\n                onChange={onChangeInput}\n                name={name}\n                disabled={disabled}\n                maxLength={maxLength}\n                autoFocus={autoFocus}\n                readOnly={readOnly}\n                placeholder={placeholder}\n                rows={rows}\n                cols={cols}\n                {...rest}\n              />\n            );\n          }}\n        </DsInputLayout>\n        <div\n          className={cn(\n            'flex',\n            displayTextInfo && showInputLength\n              ? 'justify-between'\n              : showInputLength\n                ? 'justify-end'\n                : '',\n          )}\n        >\n          {displayTextInfo && (\n            <div\n              className={cn(\n                'mt-1 flex flex-1 items-center text-sm',\n                displayTextInfo.isError ? 'text-destructive' : 'text-muted-foreground',\n                displayTextInfo.className,\n              )}\n            >\n              <span className=\"line-clamp-1\">{displayTextInfo.text}</span>\n            </div>\n          )}\n          {showInputLength && (\n            <div className=\"text-muted-foreground mt-1\">\n              {value.length}/{maxLength}\n            </div>\n          )}\n        </div>\n      </div>\n    );\n  },\n);\n\nTextarea.displayName = 'Textarea';\n\nexport { Textarea };\n"]}

package/dist/components/textarea.mjs

@@ -0,0 +1,174 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { debounce } from '@/lib/helpers';
+import { TRACKING_TYPE } from '@/lib/types';
+import { cn } from '@/lib/utils';
+import { useUISystemContext } from '@/providers/UISystemProvider';
+import * as React from 'react';
+import DsInputLayout from './input';
+
+const textareaClasses = {
+  default: "px-3 py-3",
+  lg: "px-3 py-4"
+};
+const Textarea = React.forwardRef(
+  ({
+    label,
+    className,
+    isError = false,
+    disabled = false,
+    classButton,
+    buttonIcon,
+    addonAfter,
+    addonBefore,
+    buttonIconClassName,
+    onClearValue,
+    showRemoveIcon = false,
+    trackingData,
+    trackingIndex,
+    trackingName,
+    trackingInputName,
+    //Textarea props
+    inputClassName,
+    value = "",
+    style,
+    onChange,
+    name,
+    size = "default",
+    autoFocus,
+    maxLength,
+    readOnly,
+    placeholder,
+    rows = 4,
+    cols,
+    helpText,
+    errorText,
+    helpTextClassName,
+    errorTextClassName,
+    showInputLength,
+    ...rest
+  }, ref) => {
+    const { sendTrack } = useUISystemContext() ?? {};
+    const callbackRef = React.useRef((_text) => {
+    });
+    React.useEffect(() => {
+      callbackRef.current = (_text) => {
+        trackingInputName && sendTrack?.(trackingInputName, TRACKING_TYPE.input, trackingData || {});
+      };
+    });
+    const sendTrackingDebounce = React.useMemo(() => {
+      return debounce((_text) => {
+        trackingInputName && callbackRef.current?.(_text);
+      }, 1e3);
+    }, [trackingInputName]);
+    const showRemoveIconFlag = !!value && !disabled && showRemoveIcon;
+    const handleClearValue = React.useCallback(() => {
+      onClearValue?.();
+      onChange?.({
+        target: {
+          name,
+          value: ""
+        }
+      });
+    }, [onClearValue, name, onChange]);
+    const onChangeInput = React.useCallback(
+      (e) => {
+        onChange?.(e);
+        sendTrackingDebounce(e?.target?.value);
+      },
+      [onChange, sendTrackingDebounce]
+    );
+    const getDisplayText = () => {
+      if (isError && errorText) {
+        return { text: errorText, className: errorTextClassName, isError: true };
+      }
+      if (helpText) {
+        return { text: helpText, className: helpTextClassName, isError: false };
+      }
+      return null;
+    };
+    const displayTextInfo = getDisplayText();
+    return /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
+      /* @__PURE__ */ jsx(
+        DsInputLayout,
+        {
+          isTextarea: true,
+          showRemoveIcon: showRemoveIconFlag,
+          label,
+          trackingData,
+          trackingIndex,
+          trackingName,
+          disabled,
+          addonAfter,
+          addonBefore,
+          buttonIcon,
+          className,
+          isError,
+          classButton,
+          onClearValue: handleClearValue,
+          size,
+          buttonIconClassName,
+          children: () => {
+            return /* @__PURE__ */ jsx(
+              "textarea",
+              {
+                "data-disabled": disabled,
+                className: cn(
+                  "flex w-full resize-none rounded-md border border-none font-normal focus:outline-none disabled:cursor-not-allowed",
+                  disabled && "text-muted-foreground cursor-not-allowed",
+                  "input-placeholder",
+                  textareaClasses[size],
+                  inputClassName
+                ),
+                style,
+                value,
+                ref,
+                onChange: onChangeInput,
+                name,
+                disabled,
+                maxLength,
+                autoFocus,
+                readOnly,
+                placeholder,
+                rows,
+                cols,
+                ...rest
+              }
+            );
+          }
+        }
+      ),
+      /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: cn(
+            "flex",
+            displayTextInfo && showInputLength ? "justify-between" : showInputLength ? "justify-end" : ""
+          ),
+          children: [
+            displayTextInfo && /* @__PURE__ */ jsx(
+              "div",
+              {
+                className: cn(
+                  "mt-1 flex flex-1 items-center text-sm",
+                  displayTextInfo.isError ? "text-destructive" : "text-muted-foreground",
+                  displayTextInfo.className
+                ),
+                children: /* @__PURE__ */ jsx("span", { className: "line-clamp-1", children: displayTextInfo.text })
+              }
+            ),
+            showInputLength && /* @__PURE__ */ jsxs("div", { className: "text-muted-foreground mt-1", children: [
+              value.length,
+              "/",
+              maxLength
+            ] })
+          ]
+        }
+      )
+    ] });
+  }
+);
+Textarea.displayName = "Textarea";
+
+export { Textarea, textareaClasses };
+//# sourceMappingURL=textarea.mjs.map
+//# sourceMappingURL=textarea.mjs.map

package/dist/components/textarea.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/textarea.tsx"],"names":[],"mappings":"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","file":"textarea.mjs","sourcesContent":["import { debounce } from '@/lib/helpers';\nimport { TRACKING_TYPE } from '@/lib/types';\nimport { cn } from '@/lib/utils';\nimport { useUISystemContext } from '@/providers/UISystemProvider';\nimport * as React from 'react';\nimport DsInputLayout, { InputLayoutProps } from './input';\n\nexport interface TextareaProps\n  extends React.TextareaHTMLAttributes<HTMLTextAreaElement>,\n    Omit<InputLayoutProps, 'children'> {\n  value?: string;\n  inputClassName?: string;\n  trackingInputName?: string;\n  size?: 'default' | 'lg';\n  onChange?: (e: React.ChangeEvent<HTMLTextAreaElement>) => void;\n  helpText?: React.ReactNode;\n  errorText?: React.ReactNode;\n  helpTextClassName?: string;\n  errorTextClassName?: string;\n  showInputLength?: boolean;\n}\n\nexport const textareaClasses = {\n  default: 'px-3 py-3',\n  lg: 'px-3 py-4',\n};\n\nconst Textarea = React.forwardRef<HTMLTextAreaElement, TextareaProps>(\n  (\n    {\n      label,\n      className,\n      isError = false,\n      disabled = false,\n      classButton,\n      buttonIcon,\n      addonAfter,\n      addonBefore,\n      buttonIconClassName,\n      onClearValue,\n      showRemoveIcon = false,\n      trackingData,\n      trackingIndex,\n      trackingName,\n      trackingInputName,\n      //Textarea props\n      inputClassName,\n      value = '',\n      style,\n      onChange,\n      name,\n      size = 'default',\n      autoFocus,\n      maxLength,\n      readOnly,\n      placeholder,\n      rows = 4,\n      cols,\n      helpText,\n      errorText,\n      helpTextClassName,\n      errorTextClassName,\n      showInputLength,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { sendTrack } = useUISystemContext() ?? {};\n    const callbackRef = React.useRef((_text: string) => {});\n    React.useEffect(() => {\n      callbackRef.current = (_text: string) => {\n        trackingInputName &&\n          sendTrack?.(trackingInputName, TRACKING_TYPE.input, trackingData || {});\n      };\n    });\n    const sendTrackingDebounce = React.useMemo(() => {\n      return debounce((_text: string) => {\n        trackingInputName && callbackRef.current?.(_text);\n      }, 1000);\n    }, [trackingInputName]);\n\n    const showRemoveIconFlag = !!value && !disabled && showRemoveIcon;\n\n    const handleClearValue = React.useCallback(() => {\n      // Call custom clear callback if provided\n      onClearValue?.();\n\n      // Default clear behavior - always clear the textarea value\n      onChange?.({\n        target: {\n          name,\n          value: '',\n        },\n      } as React.ChangeEvent<HTMLTextAreaElement>);\n    }, [onClearValue, name, onChange]);\n\n    const onChangeInput = React.useCallback(\n      (e: React.ChangeEvent<HTMLTextAreaElement>) => {\n        onChange?.(e);\n        sendTrackingDebounce(e?.target?.value);\n      },\n      [onChange, sendTrackingDebounce],\n    );\n\n    // Determine which text to show based on priority\n    const getDisplayText = () => {\n      if (isError && errorText) {\n        return { text: errorText, className: errorTextClassName, isError: true };\n      }\n      if (helpText) {\n        return { text: helpText, className: helpTextClassName, isError: false };\n      }\n      return null;\n    };\n\n    const displayTextInfo = getDisplayText();\n\n    return (\n      <div className=\"space-y-1\">\n        <DsInputLayout\n          isTextarea\n          showRemoveIcon={showRemoveIconFlag}\n          label={label}\n          trackingData={trackingData}\n          trackingIndex={trackingIndex}\n          trackingName={trackingName}\n          disabled={disabled}\n          addonAfter={addonAfter}\n          addonBefore={addonBefore}\n          buttonIcon={buttonIcon}\n          className={className}\n          isError={isError}\n          classButton={classButton}\n          onClearValue={handleClearValue}\n          size={size}\n          buttonIconClassName={buttonIconClassName}\n        >\n          {() => {\n            return (\n              <textarea\n                data-disabled={disabled}\n                className={cn(\n                  'flex w-full resize-none rounded-md border border-none font-normal focus:outline-none disabled:cursor-not-allowed',\n                  disabled && 'text-muted-foreground cursor-not-allowed',\n                  'input-placeholder',\n                  textareaClasses[size],\n                  inputClassName,\n                )}\n                style={style}\n                value={value}\n                ref={ref}\n                onChange={onChangeInput}\n                name={name}\n                disabled={disabled}\n                maxLength={maxLength}\n                autoFocus={autoFocus}\n                readOnly={readOnly}\n                placeholder={placeholder}\n                rows={rows}\n                cols={cols}\n                {...rest}\n              />\n            );\n          }}\n        </DsInputLayout>\n        <div\n          className={cn(\n            'flex',\n            displayTextInfo && showInputLength\n              ? 'justify-between'\n              : showInputLength\n                ? 'justify-end'\n                : '',\n          )}\n        >\n          {displayTextInfo && (\n            <div\n              className={cn(\n                'mt-1 flex flex-1 items-center text-sm',\n                displayTextInfo.isError ? 'text-destructive' : 'text-muted-foreground',\n                displayTextInfo.className,\n              )}\n            >\n              <span className=\"line-clamp-1\">{displayTextInfo.text}</span>\n            </div>\n          )}\n          {showInputLength && (\n            <div className=\"text-muted-foreground mt-1\">\n              {value.length}/{maxLength}\n            </div>\n          )}\n        </div>\n      </div>\n    );\n  },\n);\n\nTextarea.displayName = 'Textarea';\n\nexport { Textarea };\n"]}

package/dist/components/toggle-group.js

@@ -0,0 +1,67 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var ToggleGroupPrimitive = require('@radix-ui/react-toggle-group');
+var React = require('react');
+var utils = require('@/lib/utils');
+var toggle = require('@/components/toggle');
+
+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);
+
+const ToggleGroupContext = React__namespace.createContext({
+  size: "default",
+  variant: "default"
+});
+const ToggleGroup = React__namespace.forwardRef(({ className, variant, size, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  ToggleGroupPrimitive__namespace.Root,
+  {
+    ref,
+    className: utils.cn("flex items-center justify-center gap-1", className),
+    ...props,
+    children: /* @__PURE__ */ jsxRuntime.jsx(ToggleGroupContext.Provider, { value: { variant, size }, children })
+  }
+));
+ToggleGroup.displayName = ToggleGroupPrimitive__namespace.Root.displayName;
+const ToggleGroupItem = React__namespace.forwardRef(({ className, children, variant, size, ...props }, ref) => {
+  const context = React__namespace.useContext(ToggleGroupContext);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    ToggleGroupPrimitive__namespace.Item,
+    {
+      ref,
+      className: utils.cn(
+        toggle.toggleVariants({
+          variant: context.variant || variant,
+          size: context.size || size
+        }),
+        className
+      ),
+      ...props,
+      children
+    }
+  );
+});
+ToggleGroupItem.displayName = ToggleGroupPrimitive__namespace.Item.displayName;
+
+exports.ToggleGroup = ToggleGroup;
+exports.ToggleGroupItem = ToggleGroupItem;
+//# sourceMappingURL=toggle-group.js.map
+//# sourceMappingURL=toggle-group.js.map

package/dist/components/toggle-group.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/toggle-group.tsx"],"names":["React","jsx","ToggleGroupPrimitive","cn","toggleVariants"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASA,MAAM,kBAAA,GAAqBA,iBAAM,aAAA,CAAmD;AAAA,EAClF,IAAA,EAAM,SAAA;AAAA,EACN,OAAA,EAAS;AACX,CAAC,CAAA;AAED,MAAM,WAAA,GAAcA,gBAAA,CAAM,UAAA,CAIxB,CAAC,EAAE,SAAA,EAAW,OAAA,EAAS,IAAA,EAAM,QAAA,EAAU,GAAG,KAAA,EAAM,EAAG,GAAA,qBACnDC,cAAA;AAAA,EAACC,+BAAA,CAAqB,IAAA;AAAA,EAArB;AAAA,IACC,GAAA;AAAA,IACA,SAAA,EAAWC,QAAA,CAAG,wCAAA,EAA0C,SAAS,CAAA;AAAA,IAChE,GAAG,KAAA;AAAA,IAEJ,QAAA,kBAAAF,cAAA,CAAC,mBAAmB,QAAA,EAAnB,EAA4B,OAAO,EAAE,OAAA,EAAS,IAAA,EAAK,EAAI,QAAA,EAAS;AAAA;AACnE,CACD;AAED,WAAA,CAAY,WAAA,GAAcC,gCAAqB,IAAA,CAAK,WAAA;AAEpD,MAAM,eAAA,GAAkBF,gBAAA,CAAM,UAAA,CAI5B,CAAC,EAAE,SAAA,EAAW,QAAA,EAAU,OAAA,EAAS,IAAA,EAAM,GAAG,KAAA,EAAM,EAAG,GAAA,KAAQ;AAC3D,EAAA,MAAM,OAAA,GAAUA,gBAAA,CAAM,UAAA,CAAW,kBAAkB,CAAA;AAEnD,EAAA,uBACEC,cAAA;AAAA,IAACC,+BAAA,CAAqB,IAAA;AAAA,IAArB;AAAA,MACC,GAAA;AAAA,MACA,SAAA,EAAWC,QAAA;AAAA,QACTC,qBAAA,CAAe;AAAA,UACb,OAAA,EAAS,QAAQ,OAAA,IAAW,OAAA;AAAA,UAC5B,IAAA,EAAM,QAAQ,IAAA,IAAQ;AAAA,SACvB,CAAA;AAAA,QACD;AAAA,OACF;AAAA,MACC,GAAG,KAAA;AAAA,MAEH;AAAA;AAAA,GACH;AAEJ,CAAC;AAED,eAAA,CAAgB,WAAA,GAAcF,gCAAqB,IAAA,CAAK,WAAA","file":"toggle-group.js","sourcesContent":["'use client';\n\nimport * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group';\nimport { type VariantProps } from 'class-variance-authority';\nimport * as React from 'react';\n\nimport { cn } from '@/lib/utils';\nimport { toggleVariants } from '@/components/toggle';\n\nconst ToggleGroupContext = React.createContext<VariantProps<typeof toggleVariants>>({\n  size: 'default',\n  variant: 'default',\n});\n\nconst ToggleGroup = React.forwardRef<\n  React.ElementRef<typeof ToggleGroupPrimitive.Root>,\n  React.ComponentPropsWithoutRef<typeof ToggleGroupPrimitive.Root> &\n    VariantProps<typeof toggleVariants>\n>(({ className, variant, size, children, ...props }, ref) => (\n  <ToggleGroupPrimitive.Root\n    ref={ref}\n    className={cn('flex items-center justify-center gap-1', className)}\n    {...props}\n  >\n    <ToggleGroupContext.Provider value={{ variant, size }}>{children}</ToggleGroupContext.Provider>\n  </ToggleGroupPrimitive.Root>\n));\n\nToggleGroup.displayName = ToggleGroupPrimitive.Root.displayName;\n\nconst ToggleGroupItem = React.forwardRef<\n  React.ElementRef<typeof ToggleGroupPrimitive.Item>,\n  React.ComponentPropsWithoutRef<typeof ToggleGroupPrimitive.Item> &\n    VariantProps<typeof toggleVariants>\n>(({ className, children, variant, size, ...props }, ref) => {\n  const context = React.useContext(ToggleGroupContext);\n\n  return (\n    <ToggleGroupPrimitive.Item\n      ref={ref}\n      className={cn(\n        toggleVariants({\n          variant: context.variant || variant,\n          size: context.size || size,\n        }),\n        className,\n      )}\n      {...props}\n    >\n      {children}\n    </ToggleGroupPrimitive.Item>\n  );\n});\n\nToggleGroupItem.displayName = ToggleGroupPrimitive.Item.displayName;\n\nexport { ToggleGroup, ToggleGroupItem };\n"]}

package/dist/components/toggle-group.mjs

@@ -0,0 +1,43 @@
+import { jsx } from 'react/jsx-runtime';
+import * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group';
+import * as React from 'react';
+import { cn } from '@/lib/utils';
+import { toggleVariants } from '@/components/toggle';
+
+const ToggleGroupContext = React.createContext({
+  size: "default",
+  variant: "default"
+});
+const ToggleGroup = React.forwardRef(({ className, variant, size, children, ...props }, ref) => /* @__PURE__ */ jsx(
+  ToggleGroupPrimitive.Root,
+  {
+    ref,
+    className: cn("flex items-center justify-center gap-1", className),
+    ...props,
+    children: /* @__PURE__ */ jsx(ToggleGroupContext.Provider, { value: { variant, size }, children })
+  }
+));
+ToggleGroup.displayName = ToggleGroupPrimitive.Root.displayName;
+const ToggleGroupItem = React.forwardRef(({ className, children, variant, size, ...props }, ref) => {
+  const context = React.useContext(ToggleGroupContext);
+  return /* @__PURE__ */ jsx(
+    ToggleGroupPrimitive.Item,
+    {
+      ref,
+      className: cn(
+        toggleVariants({
+          variant: context.variant || variant,
+          size: context.size || size
+        }),
+        className
+      ),
+      ...props,
+      children
+    }
+  );
+});
+ToggleGroupItem.displayName = ToggleGroupPrimitive.Item.displayName;
+
+export { ToggleGroup, ToggleGroupItem };
+//# sourceMappingURL=toggle-group.mjs.map
+//# sourceMappingURL=toggle-group.mjs.map

package/dist/components/toggle-group.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/toggle-group.tsx"],"names":[],"mappings":";;;;;;AASA,MAAM,kBAAA,GAAqB,MAAM,aAAA,CAAmD;AAAA,EAClF,IAAA,EAAM,SAAA;AAAA,EACN,OAAA,EAAS;AACX,CAAC,CAAA;AAED,MAAM,WAAA,GAAc,KAAA,CAAM,UAAA,CAIxB,CAAC,EAAE,SAAA,EAAW,OAAA,EAAS,IAAA,EAAM,QAAA,EAAU,GAAG,KAAA,EAAM,EAAG,GAAA,qBACnD,GAAA;AAAA,EAAC,oBAAA,CAAqB,IAAA;AAAA,EAArB;AAAA,IACC,GAAA;AAAA,IACA,SAAA,EAAW,EAAA,CAAG,wCAAA,EAA0C,SAAS,CAAA;AAAA,IAChE,GAAG,KAAA;AAAA,IAEJ,QAAA,kBAAA,GAAA,CAAC,mBAAmB,QAAA,EAAnB,EAA4B,OAAO,EAAE,OAAA,EAAS,IAAA,EAAK,EAAI,QAAA,EAAS;AAAA;AACnE,CACD;AAED,WAAA,CAAY,WAAA,GAAc,qBAAqB,IAAA,CAAK,WAAA;AAEpD,MAAM,eAAA,GAAkB,KAAA,CAAM,UAAA,CAI5B,CAAC,EAAE,SAAA,EAAW,QAAA,EAAU,OAAA,EAAS,IAAA,EAAM,GAAG,KAAA,EAAM,EAAG,GAAA,KAAQ;AAC3D,EAAA,MAAM,OAAA,GAAU,KAAA,CAAM,UAAA,CAAW,kBAAkB,CAAA;AAEnD,EAAA,uBACE,GAAA;AAAA,IAAC,oBAAA,CAAqB,IAAA;AAAA,IAArB;AAAA,MACC,GAAA;AAAA,MACA,SAAA,EAAW,EAAA;AAAA,QACT,cAAA,CAAe;AAAA,UACb,OAAA,EAAS,QAAQ,OAAA,IAAW,OAAA;AAAA,UAC5B,IAAA,EAAM,QAAQ,IAAA,IAAQ;AAAA,SACvB,CAAA;AAAA,QACD;AAAA,OACF;AAAA,MACC,GAAG,KAAA;AAAA,MAEH;AAAA;AAAA,GACH;AAEJ,CAAC;AAED,eAAA,CAAgB,WAAA,GAAc,qBAAqB,IAAA,CAAK,WAAA","file":"toggle-group.mjs","sourcesContent":["'use client';\n\nimport * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group';\nimport { type VariantProps } from 'class-variance-authority';\nimport * as React from 'react';\n\nimport { cn } from '@/lib/utils';\nimport { toggleVariants } from '@/components/toggle';\n\nconst ToggleGroupContext = React.createContext<VariantProps<typeof toggleVariants>>({\n  size: 'default',\n  variant: 'default',\n});\n\nconst ToggleGroup = React.forwardRef<\n  React.ElementRef<typeof ToggleGroupPrimitive.Root>,\n  React.ComponentPropsWithoutRef<typeof ToggleGroupPrimitive.Root> &\n    VariantProps<typeof toggleVariants>\n>(({ className, variant, size, children, ...props }, ref) => (\n  <ToggleGroupPrimitive.Root\n    ref={ref}\n    className={cn('flex items-center justify-center gap-1', className)}\n    {...props}\n  >\n    <ToggleGroupContext.Provider value={{ variant, size }}>{children}</ToggleGroupContext.Provider>\n  </ToggleGroupPrimitive.Root>\n));\n\nToggleGroup.displayName = ToggleGroupPrimitive.Root.displayName;\n\nconst ToggleGroupItem = React.forwardRef<\n  React.ElementRef<typeof ToggleGroupPrimitive.Item>,\n  React.ComponentPropsWithoutRef<typeof ToggleGroupPrimitive.Item> &\n    VariantProps<typeof toggleVariants>\n>(({ className, children, variant, size, ...props }, ref) => {\n  const context = React.useContext(ToggleGroupContext);\n\n  return (\n    <ToggleGroupPrimitive.Item\n      ref={ref}\n      className={cn(\n        toggleVariants({\n          variant: context.variant || variant,\n          size: context.size || size,\n        }),\n        className,\n      )}\n      {...props}\n    >\n      {children}\n    </ToggleGroupPrimitive.Item>\n  );\n});\n\nToggleGroupItem.displayName = ToggleGroupPrimitive.Item.displayName;\n\nexport { ToggleGroup, ToggleGroupItem };\n"]}

package/dist/components/toggle.js

@@ -0,0 +1,63 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var TogglePrimitive = require('@radix-ui/react-toggle');
+var classVarianceAuthority = require('class-variance-authority');
+var utils = require('@/lib/utils');
+
+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 TogglePrimitive__namespace = /*#__PURE__*/_interopNamespace(TogglePrimitive);
+
+const toggleVariants = classVarianceAuthority.cva(
+  "inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors hover:bg-muted hover:text-muted-foreground focus-visible:outline-none disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 gap-2",
+  {
+    variants: {
+      variant: {
+        default: "bg-transparent",
+        outline: "border border-input bg-transparent hover:bg-accent hover:text-accent-foreground"
+      },
+      size: {
+        default: "h-10 px-3 min-w-10",
+        sm: "h-9 px-2.5 min-w-9",
+        lg: "h-11 px-5 min-w-11"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+const Toggle = React__namespace.forwardRef(({ className, variant, size, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  TogglePrimitive__namespace.Root,
+  {
+    ref,
+    className: utils.cn(toggleVariants({ variant, size, className })),
+    ...props
+  }
+));
+Toggle.displayName = TogglePrimitive__namespace.Root.displayName;
+
+exports.Toggle = Toggle;
+exports.toggleVariants = toggleVariants;
+//# sourceMappingURL=toggle.js.map
+//# sourceMappingURL=toggle.js.map

package/dist/components/toggle.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/toggle.tsx"],"names":["cva","React","jsx","TogglePrimitive","cn"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQA,MAAM,cAAA,GAAiBA,0BAAA;AAAA,EACrB,oVAAA;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,OAAA,EAAS;AAAA,QACP,OAAA,EAAS,gBAAA;AAAA,QACT,OAAA,EAAS;AAAA,OACX;AAAA,MACA,IAAA,EAAM;AAAA,QACJ,OAAA,EAAS,oBAAA;AAAA,QACT,EAAA,EAAI,oBAAA;AAAA,QACJ,EAAA,EAAI;AAAA;AACN,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,OAAA,EAAS,SAAA;AAAA,MACT,IAAA,EAAM;AAAA;AACR;AAEJ;AAEA,MAAM,MAAA,GAASC,gBAAA,CAAM,UAAA,CAGnB,CAAC,EAAE,SAAA,EAAW,OAAA,EAAS,IAAA,EAAM,GAAG,KAAA,EAAM,EAAG,GAAA,qBACzCC,cAAA;AAAA,EAACC,0BAAA,CAAgB,IAAA;AAAA,EAAhB;AAAA,IACC,GAAA;AAAA,IACA,SAAA,EAAWC,SAAG,cAAA,CAAe,EAAE,SAAS,IAAA,EAAM,SAAA,EAAW,CAAC,CAAA;AAAA,IACzD,GAAG;AAAA;AACN,CACD;AAED,MAAA,CAAO,WAAA,GAAcD,2BAAgB,IAAA,CAAK,WAAA","file":"toggle.js","sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport * as TogglePrimitive from '@radix-ui/react-toggle';\nimport { cva, type VariantProps } from 'class-variance-authority';\n\nimport { cn } from '@/lib/utils';\n\nconst toggleVariants = cva(\n  'inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors hover:bg-muted hover:text-muted-foreground focus-visible:outline-none disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 gap-2',\n  {\n    variants: {\n      variant: {\n        default: 'bg-transparent',\n        outline: 'border border-input bg-transparent hover:bg-accent hover:text-accent-foreground',\n      },\n      size: {\n        default: 'h-10 px-3 min-w-10',\n        sm: 'h-9 px-2.5 min-w-9',\n        lg: 'h-11 px-5 min-w-11',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'default',\n    },\n  },\n);\n\nconst Toggle = React.forwardRef<\n  React.ElementRef<typeof TogglePrimitive.Root>,\n  React.ComponentPropsWithoutRef<typeof TogglePrimitive.Root> & VariantProps<typeof toggleVariants>\n>(({ className, variant, size, ...props }, ref) => (\n  <TogglePrimitive.Root\n    ref={ref}\n    className={cn(toggleVariants({ variant, size, className }))}\n    {...props}\n  />\n));\n\nToggle.displayName = TogglePrimitive.Root.displayName;\n\nexport { Toggle, toggleVariants };\n"]}

package/dist/components/toggle.mjs

@@ -0,0 +1,39 @@
+import { jsx } from 'react/jsx-runtime';
+import * as React from 'react';
+import * as TogglePrimitive from '@radix-ui/react-toggle';
+import { cva } from 'class-variance-authority';
+import { cn } from '@/lib/utils';
+
+const toggleVariants = cva(
+  "inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors hover:bg-muted hover:text-muted-foreground focus-visible:outline-none disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 gap-2",
+  {
+    variants: {
+      variant: {
+        default: "bg-transparent",
+        outline: "border border-input bg-transparent hover:bg-accent hover:text-accent-foreground"
+      },
+      size: {
+        default: "h-10 px-3 min-w-10",
+        sm: "h-9 px-2.5 min-w-9",
+        lg: "h-11 px-5 min-w-11"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+const Toggle = React.forwardRef(({ className, variant, size, ...props }, ref) => /* @__PURE__ */ jsx(
+  TogglePrimitive.Root,
+  {
+    ref,
+    className: cn(toggleVariants({ variant, size, className })),
+    ...props
+  }
+));
+Toggle.displayName = TogglePrimitive.Root.displayName;
+
+export { Toggle, toggleVariants };
+//# sourceMappingURL=toggle.mjs.map
+//# sourceMappingURL=toggle.mjs.map

package/dist/components/toggle.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/toggle.tsx"],"names":[],"mappings":";;;;;;AAQA,MAAM,cAAA,GAAiB,GAAA;AAAA,EACrB,oVAAA;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,OAAA,EAAS;AAAA,QACP,OAAA,EAAS,gBAAA;AAAA,QACT,OAAA,EAAS;AAAA,OACX;AAAA,MACA,IAAA,EAAM;AAAA,QACJ,OAAA,EAAS,oBAAA;AAAA,QACT,EAAA,EAAI,oBAAA;AAAA,QACJ,EAAA,EAAI;AAAA;AACN,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,OAAA,EAAS,SAAA;AAAA,MACT,IAAA,EAAM;AAAA;AACR;AAEJ;AAEA,MAAM,MAAA,GAAS,KAAA,CAAM,UAAA,CAGnB,CAAC,EAAE,SAAA,EAAW,OAAA,EAAS,IAAA,EAAM,GAAG,KAAA,EAAM,EAAG,GAAA,qBACzC,GAAA;AAAA,EAAC,eAAA,CAAgB,IAAA;AAAA,EAAhB;AAAA,IACC,GAAA;AAAA,IACA,SAAA,EAAW,GAAG,cAAA,CAAe,EAAE,SAAS,IAAA,EAAM,SAAA,EAAW,CAAC,CAAA;AAAA,IACzD,GAAG;AAAA;AACN,CACD;AAED,MAAA,CAAO,WAAA,GAAc,gBAAgB,IAAA,CAAK,WAAA","file":"toggle.mjs","sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport * as TogglePrimitive from '@radix-ui/react-toggle';\nimport { cva, type VariantProps } from 'class-variance-authority';\n\nimport { cn } from '@/lib/utils';\n\nconst toggleVariants = cva(\n  'inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors hover:bg-muted hover:text-muted-foreground focus-visible:outline-none disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 gap-2',\n  {\n    variants: {\n      variant: {\n        default: 'bg-transparent',\n        outline: 'border border-input bg-transparent hover:bg-accent hover:text-accent-foreground',\n      },\n      size: {\n        default: 'h-10 px-3 min-w-10',\n        sm: 'h-9 px-2.5 min-w-9',\n        lg: 'h-11 px-5 min-w-11',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'default',\n    },\n  },\n);\n\nconst Toggle = React.forwardRef<\n  React.ElementRef<typeof TogglePrimitive.Root>,\n  React.ComponentPropsWithoutRef<typeof TogglePrimitive.Root> & VariantProps<typeof toggleVariants>\n>(({ className, variant, size, ...props }, ref) => (\n  <TogglePrimitive.Root\n    ref={ref}\n    className={cn(toggleVariants({ variant, size, className }))}\n    {...props}\n  />\n));\n\nToggle.displayName = TogglePrimitive.Root.displayName;\n\nexport { Toggle, toggleVariants };\n"]}