shad-m 1.0.0 → 1.0.2

package/dist/common/interactive/popover-wrapper.mjs

@@ -1,116 +0,0 @@
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import * as React from 'react';
-import { cn } from '@/lib/utils';
-import { ScrollArea } from '../../components/scroll-area';
-import { Popover, PopoverTrigger, PopoverContent } from '../../components/popover';
-
-const PopoverWrapper = React.forwardRef(
-  ({
-    // Trigger props
-    trigger,
-    triggerAsChild = false,
-    triggerClassName,
-    // Header props
-    showHeader = false,
-    title,
-    titleClassName,
-    description,
-    descriptionClassName,
-    headerClassName,
-    headerContent,
-    // Footer props
-    showFooter = false,
-    footerContent,
-    footerClassName,
-    // Content props
-    children,
-    contentClassName,
-    childrenClassName,
-    // Popover behavior props
-    open,
-    onOpenChange,
-    defaultOpen,
-    modal,
-    // Popover positioning
-    side = "bottom",
-    align = "center",
-    sideOffset = 4,
-    alignOffset,
-    // ScrollArea props
-    height = "350px",
-    maxWidth = "90vw",
-    autoHeight,
-    // Focus behavior
-    preventAutoFocus = false,
-    preventInputClose = false,
-    // Other props
-    className,
-    ...props
-  }, ref) => {
-    const PopoverHeader = ({ className: className2, ...props2 }) => /* @__PURE__ */ jsx(
-      "div",
-      {
-        className: cn("flex flex-col space-y-1.5 border-b p-3 text-left", className2),
-        ...props2
-      }
-    );
-    const PopoverTitle = ({ className: className2, ...props2 }) => /* @__PURE__ */ jsx("h4", { className: cn("text-sm font-medium leading-none", className2), ...props2 });
-    const PopoverDescription = ({
-      className: className2,
-      ...props2
-    }) => /* @__PURE__ */ jsx("p", { className: cn("text-muted-foreground text-xs", className2), ...props2 });
-    const PopoverFooter = ({ className: className2, ...props2 }) => /* @__PURE__ */ jsx(
-      "div",
-      {
-        className: cn(
-          "flex flex-col-reverse border-t p-3 sm:flex-row sm:justify-end sm:space-x-2",
-          className2
-        ),
-        ...props2
-      }
-    );
-    const contentComponent = autoHeight ? /* @__PURE__ */ jsx("div", { className: cn("p-3", childrenClassName), children }) : /* @__PURE__ */ jsx("div", { className: "min-h-0 flex-1", children: /* @__PURE__ */ jsx(ScrollArea, { className: "h-full w-full", children: /* @__PURE__ */ jsx("div", { className: cn("p-3", childrenClassName), children }) }) });
-    return /* @__PURE__ */ jsxs(Popover, { open, onOpenChange, defaultOpen, modal, children: [
-      trigger && /* @__PURE__ */ jsx(PopoverTrigger, { asChild: triggerAsChild, className: triggerClassName, children: trigger }),
-      /* @__PURE__ */ jsxs(
-        PopoverContent,
-        {
-          ref,
-          side,
-          align,
-          sideOffset,
-          alignOffset,
-          className: cn("flex flex-col p-0", className, contentClassName),
-          style: autoHeight ? { width: maxWidth, maxWidth } : { width: maxWidth, maxWidth, height },
-          onOpenAutoFocus: preventAutoFocus ? (event) => {
-            event.preventDefault();
-          } : void 0,
-          onCloseAutoFocus: preventAutoFocus ? (event) => {
-            event.preventDefault();
-          } : void 0,
-          onInteractOutside: preventInputClose ? (event) => {
-            const target = event.target;
-            if (target && target.closest("input, textarea")) {
-              event.preventDefault();
-              return;
-            }
-          } : void 0,
-          ...props,
-          children: [
-            showHeader && (title || description || headerContent) && /* @__PURE__ */ jsx(PopoverHeader, { className: cn("flex-shrink-0", headerClassName), children: headerContent ? headerContent : /* @__PURE__ */ jsxs(Fragment, { children: [
-              title && /* @__PURE__ */ jsx(PopoverTitle, { className: titleClassName, children: title }),
-              description && /* @__PURE__ */ jsx(PopoverDescription, { className: descriptionClassName, children: description })
-            ] }) }),
-            contentComponent,
-            showFooter && footerContent && /* @__PURE__ */ jsx(PopoverFooter, { className: cn("flex-shrink-0", footerClassName), children: footerContent })
-          ]
-        }
-      )
-    ] });
-  }
-);
-PopoverWrapper.displayName = "PopoverWrapper";
-
-export { PopoverWrapper };
-//# sourceMappingURL=popover-wrapper.mjs.map
-//# sourceMappingURL=popover-wrapper.mjs.map

package/dist/common/interactive/popover-wrapper.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/common/interactive/popover-wrapper.tsx"],"names":["className","props"],"mappings":";;;;;;AA0DA,MAAM,iBAAiB,KAAA,CAAM,UAAA;AAAA,EAI3B,CACE;AAAA;AAAA,IAEE,OAAA;AAAA,IACA,cAAA,GAAiB,KAAA;AAAA,IACjB,gBAAA;AAAA;AAAA,IAGA,UAAA,GAAa,KAAA;AAAA,IACb,KAAA;AAAA,IACA,cAAA;AAAA,IACA,WAAA;AAAA,IACA,oBAAA;AAAA,IACA,eAAA;AAAA,IACA,aAAA;AAAA;AAAA,IAGA,UAAA,GAAa,KAAA;AAAA,IACb,aAAA;AAAA,IACA,eAAA;AAAA;AAAA,IAGA,QAAA;AAAA,IACA,gBAAA;AAAA,IACA,iBAAA;AAAA;AAAA,IAGA,IAAA;AAAA,IACA,YAAA;AAAA,IACA,WAAA;AAAA,IACA,KAAA;AAAA;AAAA,IAGA,IAAA,GAAO,QAAA;AAAA,IACP,KAAA,GAAQ,QAAA;AAAA,IACR,UAAA,GAAa,CAAA;AAAA,IACb,WAAA;AAAA;AAAA,IAGA,MAAA,GAAS,OAAA;AAAA,IACT,QAAA,GAAW,MAAA;AAAA,IACX,UAAA;AAAA;AAAA,IAGA,gBAAA,GAAmB,KAAA;AAAA,IACnB,iBAAA,GAAoB,KAAA;AAAA;AAAA,IAGpB,SAAA;AAAA,IACA,GAAG;AAAA,KAEL,GAAA,KACG;AACH,IAAA,MAAM,gBAAgB,CAAC,EAAE,WAAAA,UAAAA,EAAW,GAAGC,QAAM,qBAC3C,GAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,SAAA,EAAW,EAAA,CAAG,kDAAA,EAAoDD,UAAS,CAAA;AAAA,QAC1E,GAAGC;AAAA;AAAA,KACN;AAGF,IAAA,MAAM,eAAe,CAAC,EAAE,SAAA,EAAAD,UAAAA,EAAW,GAAGC,MAAAA,EAAM,qBAC1C,GAAA,CAAC,IAAA,EAAA,EAAG,WAAW,EAAA,CAAG,kCAAA,EAAoCD,UAAS,CAAA,EAAI,GAAGC,MAAAA,EAAO,CAAA;AAG/E,IAAA,MAAM,qBAAqB,CAAC;AAAA,MAC1B,SAAA,EAAAD,UAAAA;AAAA,MACA,GAAGC;AAAA,KACL,yBACG,GAAA,EAAA,EAAE,SAAA,EAAW,GAAG,+BAAA,EAAiCD,UAAS,CAAA,EAAI,GAAGC,MAAAA,EAAO,CAAA;AAG3E,IAAA,MAAM,gBAAgB,CAAC,EAAE,WAAAD,UAAAA,EAAW,GAAGC,QAAM,qBAC3C,GAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,SAAA,EAAW,EAAA;AAAA,UACT,4EAAA;AAAA,UACAD;AAAA,SACF;AAAA,QACC,GAAGC;AAAA;AAAA,KACN;AAGF,IAAA,MAAM,gBAAA,GAAmB,UAAA,mBACvB,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,EAAA,CAAG,KAAA,EAAO,iBAAiB,CAAA,EAAI,QAAA,EAAS,CAAA,mBAExD,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,gBAAA,EACb,QAAA,kBAAA,GAAA,CAAC,UAAA,EAAA,EAAW,SAAA,EAAU,eAAA,EACpB,QAAA,kBAAA,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,EAAA,CAAG,KAAA,EAAO,iBAAiB,CAAA,EAAI,QAAA,EAAS,CAAA,EAC1D,CAAA,EACF,CAAA;AAGF,IAAA,uBACE,IAAA,CAAC,OAAA,EAAA,EAAQ,IAAA,EAAY,YAAA,EAA4B,aAA0B,KAAA,EACxE,QAAA,EAAA;AAAA,MAAA,OAAA,wBACE,cAAA,EAAA,EAAe,OAAA,EAAS,cAAA,EAAgB,SAAA,EAAW,kBACjD,QAAA,EAAA,OAAA,EACH,CAAA;AAAA,sBAGF,IAAA;AAAA,QAAC,cAAA;AAAA,QAAA;AAAA,UACC,GAAA;AAAA,UACA,IAAA;AAAA,UACA,KAAA;AAAA,UACA,UAAA;AAAA,UACA,WAAA;AAAA,UACA,SAAA,EAAW,EAAA,CAAG,mBAAA,EAAqB,SAAA,EAAW,gBAAgB,CAAA;AAAA,UAC9D,KAAA,EAAO,UAAA,GAAa,EAAE,KAAA,EAAO,QAAA,EAAU,QAAA,EAAS,GAAI,EAAE,KAAA,EAAO,QAAA,EAAU,QAAA,EAAU,MAAA,EAAO;AAAA,UACxF,eAAA,EACE,gBAAA,GACI,CAAC,KAAA,KAAU;AACT,YAAA,KAAA,CAAM,cAAA,EAAe;AAAA,UACvB,CAAA,GACA,MAAA;AAAA,UAEN,gBAAA,EACE,gBAAA,GACI,CAAC,KAAA,KAAU;AACT,YAAA,KAAA,CAAM,cAAA,EAAe;AAAA,UACvB,CAAA,GACA,MAAA;AAAA,UAEN,iBAAA,EACE,iBAAA,GACI,CAAC,KAAA,KAAU;AAET,YAAA,MAAM,SAAS,KAAA,CAAM,MAAA;AACrB,YAAA,IAAI,MAAA,IAAU,MAAA,CAAO,OAAA,CAAQ,iBAAiB,CAAA,EAAG;AAC/C,cAAA,KAAA,CAAM,cAAA,EAAe;AACrB,cAAA;AAAA,YACF;AAAA,UACF,CAAA,GACA,MAAA;AAAA,UAEL,GAAG,KAAA;AAAA,UAEH,QAAA,EAAA;AAAA,YAAA,UAAA,KAAe,KAAA,IAAS,WAAA,IAAe,aAAA,CAAA,oBACtC,GAAA,CAAC,aAAA,EAAA,EAAc,SAAA,EAAW,EAAA,CAAG,eAAA,EAAiB,eAAe,CAAA,EAC1D,QAAA,EAAA,aAAA,GACC,aAAA,mBAEA,IAAA,CAAA,QAAA,EAAA,EACG,QAAA,EAAA;AAAA,cAAA,KAAA,oBAAS,GAAA,CAAC,YAAA,EAAA,EAAa,SAAA,EAAW,cAAA,EAAiB,QAAA,EAAA,KAAA,EAAM,CAAA;AAAA,cACzD,WAAA,oBACC,GAAA,CAAC,kBAAA,EAAA,EAAmB,SAAA,EAAW,sBAC5B,QAAA,EAAA,WAAA,EACH;AAAA,aAAA,EAEJ,CAAA,EAEJ,CAAA;AAAA,YAGD,gBAAA;AAAA,YAEA,UAAA,IAAc,iCACb,GAAA,CAAC,aAAA,EAAA,EAAc,WAAW,EAAA,CAAG,eAAA,EAAiB,eAAe,CAAA,EAC1D,QAAA,EAAA,aAAA,EACH;AAAA;AAAA;AAAA;AAEJ,KAAA,EACF,CAAA;AAAA,EAEJ;AACF;AAEA,cAAA,CAAe,WAAA,GAAc,gBAAA","file":"popover-wrapper.mjs","sourcesContent":["'use client';\n\nimport * as React from 'react';\n\nimport { cn } from '@/lib/utils';\nimport { ScrollArea } from '../../components/scroll-area';\nimport { Popover, PopoverContent, PopoverTrigger } from '../../components/popover';\n\ntype PopoverSide = 'top' | 'bottom' | 'left' | 'right';\ntype PopoverAlign = 'start' | 'center' | 'end';\n\ninterface PopoverWrapperProps extends React.ComponentPropsWithoutRef<typeof PopoverContent> {\n  // Trigger props\n  trigger?: React.ReactNode;\n  triggerAsChild?: boolean;\n  triggerClassName?: string;\n\n  // Header props\n  showHeader?: boolean;\n  title?: string;\n  titleClassName?: string;\n  description?: string;\n  descriptionClassName?: string;\n  headerClassName?: string;\n  headerContent?: React.ReactNode;\n\n  // Footer props\n  showFooter?: boolean;\n  footerContent?: React.ReactNode;\n  footerClassName?: string;\n\n  // Content props\n  children?: React.ReactNode;\n  contentClassName?: string;\n  childrenClassName?: string;\n\n  // Popover behavior props\n  open?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  defaultOpen?: boolean;\n  modal?: boolean;\n\n  // Popover positioning\n  side?: PopoverSide;\n  align?: PopoverAlign;\n  sideOffset?: number;\n  alignOffset?: number;\n\n  // ScrollArea props\n  height?: string;\n  maxWidth?: string;\n  autoHeight?: boolean;\n\n  // Focus behavior\n  preventAutoFocus?: boolean;\n  preventInputClose?: boolean;\n}\n\nconst PopoverWrapper = React.forwardRef<\n  React.ElementRef<typeof PopoverContent>,\n  PopoverWrapperProps\n>(\n  (\n    {\n      // Trigger props\n      trigger,\n      triggerAsChild = false,\n      triggerClassName,\n\n      // Header props\n      showHeader = false,\n      title,\n      titleClassName,\n      description,\n      descriptionClassName,\n      headerClassName,\n      headerContent,\n\n      // Footer props\n      showFooter = false,\n      footerContent,\n      footerClassName,\n\n      // Content props\n      children,\n      contentClassName,\n      childrenClassName,\n\n      // Popover behavior props\n      open,\n      onOpenChange,\n      defaultOpen,\n      modal,\n\n      // Popover positioning\n      side = 'bottom',\n      align = 'center',\n      sideOffset = 4,\n      alignOffset,\n\n      // ScrollArea props\n      height = '350px',\n      maxWidth = '90vw',\n      autoHeight,\n\n      // Focus behavior\n      preventAutoFocus = false,\n      preventInputClose = false,\n\n      // Other props\n      className,\n      ...props\n    },\n    ref,\n  ) => {\n    const PopoverHeader = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (\n      <div\n        className={cn('flex flex-col space-y-1.5 border-b p-3 text-left', className)}\n        {...props}\n      />\n    );\n\n    const PopoverTitle = ({ className, ...props }: React.HTMLAttributes<HTMLHeadingElement>) => (\n      <h4 className={cn('text-sm font-medium leading-none', className)} {...props} />\n    );\n\n    const PopoverDescription = ({\n      className,\n      ...props\n    }: React.HTMLAttributes<HTMLParagraphElement>) => (\n      <p className={cn('text-muted-foreground text-xs', className)} {...props} />\n    );\n\n    const PopoverFooter = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (\n      <div\n        className={cn(\n          'flex flex-col-reverse border-t p-3 sm:flex-row sm:justify-end sm:space-x-2',\n          className,\n        )}\n        {...props}\n      />\n    );\n\n    const contentComponent = autoHeight ? (\n      <div className={cn('p-3', childrenClassName)}>{children}</div>\n    ) : (\n      <div className=\"min-h-0 flex-1\">\n        <ScrollArea className=\"h-full w-full\">\n          <div className={cn('p-3', childrenClassName)}>{children}</div>\n        </ScrollArea>\n      </div>\n    );\n\n    return (\n      <Popover open={open} onOpenChange={onOpenChange} defaultOpen={defaultOpen} modal={modal}>\n        {trigger && (\n          <PopoverTrigger asChild={triggerAsChild} className={triggerClassName}>\n            {trigger}\n          </PopoverTrigger>\n        )}\n\n        <PopoverContent\n          ref={ref}\n          side={side}\n          align={align}\n          sideOffset={sideOffset}\n          alignOffset={alignOffset}\n          className={cn('flex flex-col p-0', className, contentClassName)}\n          style={autoHeight ? { width: maxWidth, maxWidth } : { width: maxWidth, maxWidth, height }}\n          onOpenAutoFocus={\n            preventAutoFocus\n              ? (event) => {\n                  event.preventDefault();\n                }\n              : undefined\n          }\n          onCloseAutoFocus={\n            preventAutoFocus\n              ? (event) => {\n                  event.preventDefault();\n                }\n              : undefined\n          }\n          onInteractOutside={\n            preventInputClose\n              ? (event) => {\n                  // Prevent closing when interacting with input elements\n                  const target = event.target as Element;\n                  if (target && target.closest('input, textarea')) {\n                    event.preventDefault();\n                    return;\n                  }\n                }\n              : undefined\n          }\n          {...props}\n        >\n          {showHeader && (title || description || headerContent) && (\n            <PopoverHeader className={cn('flex-shrink-0', headerClassName)}>\n              {headerContent ? (\n                headerContent\n              ) : (\n                <>\n                  {title && <PopoverTitle className={titleClassName}>{title}</PopoverTitle>}\n                  {description && (\n                    <PopoverDescription className={descriptionClassName}>\n                      {description}\n                    </PopoverDescription>\n                  )}\n                </>\n              )}\n            </PopoverHeader>\n          )}\n\n          {contentComponent}\n\n          {showFooter && footerContent && (\n            <PopoverFooter className={cn('flex-shrink-0', footerClassName)}>\n              {footerContent}\n            </PopoverFooter>\n          )}\n        </PopoverContent>\n      </Popover>\n    );\n  },\n);\n\nPopoverWrapper.displayName = 'PopoverWrapper';\n\nexport { PopoverWrapper, type PopoverWrapperProps };\n"]}

package/dist/common/interactive/pressable.js

@@ -1,84 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var reactSlot = require('@radix-ui/react-slot');
-var React = require('react');
-var types = require('@/lib/types');
-var utils = require('@/lib/utils');
-var UISystemProvider = require('@/providers/UISystemProvider');
-
-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);
-
-const Pressable = React__namespace.forwardRef(
-  ({
-    onClick,
-    trackingIndex,
-    trackingName,
-    trackingData,
-    className,
-    innerTextKey = "object_name",
-    blockSendTracking,
-    asChild,
-    ...rest
-  }, ref) => {
-    const { sendTrack } = UISystemProvider.useUISystemContext();
-    const onClickFn = (e) => {
-      if (rest.disabled) return;
-      onClick?.(e);
-      if (!sendTrack) return;
-      const targetElm = e.target;
-      const keywordText = targetElm.innerText || targetElm.textContent;
-      const _trackName = trackingName;
-      if (!_trackName) {
-        return;
-      }
-      const otherData = {};
-      if (trackingIndex !== void 0 && trackingIndex !== null) {
-        otherData.index = trackingIndex;
-      }
-      !blockSendTracking && sendTrack(_trackName, types.TRACKING_TYPE.click, {
-        ...otherData,
-        [innerTextKey]: keywordText,
-        ...trackingData,
-        auto_click: !trackingName
-      });
-    };
-    const Comp = asChild ? reactSlot.Slot : "div";
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      Comp,
-      {
-        ref,
-        className: utils.cn(
-          "cursor-pointer",
-          rest.disabled ? "pointer-events-none cursor-not-allowed" : "",
-          className
-        ),
-        onClick: onClickFn,
-        ...rest
-      }
-    );
-  }
-);
-Pressable.displayName = "Pressable";
-
-exports.Pressable = Pressable;
-//# sourceMappingURL=pressable.js.map
-//# sourceMappingURL=pressable.js.map

package/dist/common/interactive/pressable.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/common/interactive/pressable.tsx"],"names":["React","useUISystemContext","TRACKING_TYPE","Slot","jsx","cn"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiBA,MAAM,YAAYA,gBAAA,CAAM,UAAA;AAAA,EACtB,CACE;AAAA,IACE,OAAA;AAAA,IACA,aAAA;AAAA,IACA,YAAA;AAAA,IACA,YAAA;AAAA,IACA,SAAA;AAAA,IACA,YAAA,GAAe,aAAA;AAAA,IACf,iBAAA;AAAA,IACA,OAAA;AAAA,IACA,GAAG;AAAA,KAEL,GAAA,KACG;AACH,IAAA,MAAM,EAAE,SAAA,EAAU,GAAIC,mCAAA,EAAmB;AAEzC,IAAA,MAAM,SAAA,GAA0C,CAAC,CAAA,KAAM;AAErD,MAAA,IAAI,KAAK,QAAA,EAAU;AAEnB,MAAA,OAAA,GAAU,CAAC,CAAA;AACX,MAAA,IAAI,CAAC,SAAA,EAAW;AAChB,MAAA,MAAM,YAAY,CAAA,CAAE,MAAA;AACpB,MAAA,MAAM,WAAA,GAAc,SAAA,CAAU,SAAA,IAAa,SAAA,CAAU,WAAA;AACrD,MAAA,MAAM,UAAA,GAAa,YAAA;AACnB,MAAA,IAAI,CAAC,UAAA,EAAY;AACf,QAAA;AAAA,MACF;AACA,MAAA,MAAM,YAAiC,EAAC;AACxC,MAAA,IAAI,aAAA,KAAkB,MAAA,IAAa,aAAA,KAAkB,IAAA,EAAM;AACzD,QAAA,SAAA,CAAU,KAAA,GAAQ,aAAA;AAAA,MACpB;AACA,MAAA,CAAC,iBAAA,IACC,SAAA,CAAU,UAAA,EAAYC,mBAAA,CAAc,KAAA,EAAO;AAAA,QACzC,GAAG,SAAA;AAAA,QACH,CAAC,YAAY,GAAG,WAAA;AAAA,QAChB,GAAG,YAAA;AAAA,QACH,YAAY,CAAC;AAAA,OACd,CAAA;AAAA,IACL,CAAA;AAEA,IAAA,MAAM,IAAA,GAAO,UAAUC,cAAA,GAAO,KAAA;AAE9B,IAAA,uBACEC,cAAA;AAAA,MAAC,IAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,SAAA,EAAWC,QAAA;AAAA,UACT,gBAAA;AAAA,UACA,IAAA,CAAK,WAAW,wCAAA,GAA2C,EAAA;AAAA,UAC3D;AAAA,SACF;AAAA,QACA,OAAA,EAAS,SAAA;AAAA,QACR,GAAG;AAAA;AAAA,KACN;AAAA,EAEJ;AACF;AAEA,SAAA,CAAU,WAAA,GAAc,WAAA","file":"pressable.js","sourcesContent":["'use client';\nimport { Slot } from '@radix-ui/react-slot';\nimport * as React from 'react';\nimport { TRACKING_TYPE, TrackingPropsType } from '@/lib/types';\nimport { cn } from '@/lib/utils';\nimport { useUISystemContext } from '@/providers/UISystemProvider';\n\nexport interface PressableProps extends React.HTMLAttributes<any>, TrackingPropsType {\n  innerTextKey?: string;\n  asChild?: boolean;\n  disabled?: boolean;\n  as?: string;\n}\n\n// innerTextKey là gì?\n// Khi bạn muốn track lấy thêm nội dung của thẻ html và muốn custom giá trị key của param đó\n// thì bạn truyền thêm innerTextKey là giá trị key mà bạn muốn, default là keyword\nconst Pressable = React.forwardRef<HTMLDivElement, PressableProps>(\n  (\n    {\n      onClick,\n      trackingIndex,\n      trackingName,\n      trackingData,\n      className,\n      innerTextKey = 'object_name',\n      blockSendTracking,\n      asChild,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { sendTrack } = useUISystemContext();\n\n    const onClickFn: React.MouseEventHandler<any> = (e) => {\n      // Không xử lý onClick khi disabled\n      if (rest.disabled) return;\n\n      onClick?.(e);\n      if (!sendTrack) return;\n      const targetElm = e.target as HTMLElement;\n      const keywordText = targetElm.innerText || targetElm.textContent;\n      const _trackName = trackingName;\n      if (!_trackName) {\n        return;\n      }\n      const otherData: Record<string, any> = {};\n      if (trackingIndex !== undefined && trackingIndex !== null) {\n        otherData.index = trackingIndex;\n      }\n      !blockSendTracking &&\n        sendTrack(_trackName, TRACKING_TYPE.click, {\n          ...otherData,\n          [innerTextKey]: keywordText,\n          ...trackingData,\n          auto_click: !trackingName,\n        });\n    };\n\n    const Comp = asChild ? Slot : 'div';\n\n    return (\n      <Comp\n        ref={ref}\n        className={cn(\n          'cursor-pointer',\n          rest.disabled ? 'pointer-events-none cursor-not-allowed' : '',\n          className,\n        )}\n        onClick={onClickFn}\n        {...rest}\n      />\n    );\n  },\n);\n\nPressable.displayName = 'Pressable';\n\nexport { Pressable };\n"]}

package/dist/common/interactive/pressable.mjs

@@ -1,62 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import { Slot } from '@radix-ui/react-slot';
-import * as React from 'react';
-import { TRACKING_TYPE } from '@/lib/types';
-import { cn } from '@/lib/utils';
-import { useUISystemContext } from '@/providers/UISystemProvider';
-
-const Pressable = React.forwardRef(
-  ({
-    onClick,
-    trackingIndex,
-    trackingName,
-    trackingData,
-    className,
-    innerTextKey = "object_name",
-    blockSendTracking,
-    asChild,
-    ...rest
-  }, ref) => {
-    const { sendTrack } = useUISystemContext();
-    const onClickFn = (e) => {
-      if (rest.disabled) return;
-      onClick?.(e);
-      if (!sendTrack) return;
-      const targetElm = e.target;
-      const keywordText = targetElm.innerText || targetElm.textContent;
-      const _trackName = trackingName;
-      if (!_trackName) {
-        return;
-      }
-      const otherData = {};
-      if (trackingIndex !== void 0 && trackingIndex !== null) {
-        otherData.index = trackingIndex;
-      }
-      !blockSendTracking && sendTrack(_trackName, TRACKING_TYPE.click, {
-        ...otherData,
-        [innerTextKey]: keywordText,
-        ...trackingData,
-        auto_click: !trackingName
-      });
-    };
-    const Comp = asChild ? Slot : "div";
-    return /* @__PURE__ */ jsx(
-      Comp,
-      {
-        ref,
-        className: cn(
-          "cursor-pointer",
-          rest.disabled ? "pointer-events-none cursor-not-allowed" : "",
-          className
-        ),
-        onClick: onClickFn,
-        ...rest
-      }
-    );
-  }
-);
-Pressable.displayName = "Pressable";
-
-export { Pressable };
-//# sourceMappingURL=pressable.mjs.map
-//# sourceMappingURL=pressable.mjs.map

package/dist/common/interactive/pressable.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/common/interactive/pressable.tsx"],"names":[],"mappings":";;;;;;;AAiBA,MAAM,YAAY,KAAA,CAAM,UAAA;AAAA,EACtB,CACE;AAAA,IACE,OAAA;AAAA,IACA,aAAA;AAAA,IACA,YAAA;AAAA,IACA,YAAA;AAAA,IACA,SAAA;AAAA,IACA,YAAA,GAAe,aAAA;AAAA,IACf,iBAAA;AAAA,IACA,OAAA;AAAA,IACA,GAAG;AAAA,KAEL,GAAA,KACG;AACH,IAAA,MAAM,EAAE,SAAA,EAAU,GAAI,kBAAA,EAAmB;AAEzC,IAAA,MAAM,SAAA,GAA0C,CAAC,CAAA,KAAM;AAErD,MAAA,IAAI,KAAK,QAAA,EAAU;AAEnB,MAAA,OAAA,GAAU,CAAC,CAAA;AACX,MAAA,IAAI,CAAC,SAAA,EAAW;AAChB,MAAA,MAAM,YAAY,CAAA,CAAE,MAAA;AACpB,MAAA,MAAM,WAAA,GAAc,SAAA,CAAU,SAAA,IAAa,SAAA,CAAU,WAAA;AACrD,MAAA,MAAM,UAAA,GAAa,YAAA;AACnB,MAAA,IAAI,CAAC,UAAA,EAAY;AACf,QAAA;AAAA,MACF;AACA,MAAA,MAAM,YAAiC,EAAC;AACxC,MAAA,IAAI,aAAA,KAAkB,MAAA,IAAa,aAAA,KAAkB,IAAA,EAAM;AACzD,QAAA,SAAA,CAAU,KAAA,GAAQ,aAAA;AAAA,MACpB;AACA,MAAA,CAAC,iBAAA,IACC,SAAA,CAAU,UAAA,EAAY,aAAA,CAAc,KAAA,EAAO;AAAA,QACzC,GAAG,SAAA;AAAA,QACH,CAAC,YAAY,GAAG,WAAA;AAAA,QAChB,GAAG,YAAA;AAAA,QACH,YAAY,CAAC;AAAA,OACd,CAAA;AAAA,IACL,CAAA;AAEA,IAAA,MAAM,IAAA,GAAO,UAAU,IAAA,GAAO,KAAA;AAE9B,IAAA,uBACE,GAAA;AAAA,MAAC,IAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,SAAA,EAAW,EAAA;AAAA,UACT,gBAAA;AAAA,UACA,IAAA,CAAK,WAAW,wCAAA,GAA2C,EAAA;AAAA,UAC3D;AAAA,SACF;AAAA,QACA,OAAA,EAAS,SAAA;AAAA,QACR,GAAG;AAAA;AAAA,KACN;AAAA,EAEJ;AACF;AAEA,SAAA,CAAU,WAAA,GAAc,WAAA","file":"pressable.mjs","sourcesContent":["'use client';\nimport { Slot } from '@radix-ui/react-slot';\nimport * as React from 'react';\nimport { TRACKING_TYPE, TrackingPropsType } from '@/lib/types';\nimport { cn } from '@/lib/utils';\nimport { useUISystemContext } from '@/providers/UISystemProvider';\n\nexport interface PressableProps extends React.HTMLAttributes<any>, TrackingPropsType {\n  innerTextKey?: string;\n  asChild?: boolean;\n  disabled?: boolean;\n  as?: string;\n}\n\n// innerTextKey là gì?\n// Khi bạn muốn track lấy thêm nội dung của thẻ html và muốn custom giá trị key của param đó\n// thì bạn truyền thêm innerTextKey là giá trị key mà bạn muốn, default là keyword\nconst Pressable = React.forwardRef<HTMLDivElement, PressableProps>(\n  (\n    {\n      onClick,\n      trackingIndex,\n      trackingName,\n      trackingData,\n      className,\n      innerTextKey = 'object_name',\n      blockSendTracking,\n      asChild,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { sendTrack } = useUISystemContext();\n\n    const onClickFn: React.MouseEventHandler<any> = (e) => {\n      // Không xử lý onClick khi disabled\n      if (rest.disabled) return;\n\n      onClick?.(e);\n      if (!sendTrack) return;\n      const targetElm = e.target as HTMLElement;\n      const keywordText = targetElm.innerText || targetElm.textContent;\n      const _trackName = trackingName;\n      if (!_trackName) {\n        return;\n      }\n      const otherData: Record<string, any> = {};\n      if (trackingIndex !== undefined && trackingIndex !== null) {\n        otherData.index = trackingIndex;\n      }\n      !blockSendTracking &&\n        sendTrack(_trackName, TRACKING_TYPE.click, {\n          ...otherData,\n          [innerTextKey]: keywordText,\n          ...trackingData,\n          auto_click: !trackingName,\n        });\n    };\n\n    const Comp = asChild ? Slot : 'div';\n\n    return (\n      <Comp\n        ref={ref}\n        className={cn(\n          'cursor-pointer',\n          rest.disabled ? 'pointer-events-none cursor-not-allowed' : '',\n          className,\n        )}\n        onClick={onClickFn}\n        {...rest}\n      />\n    );\n  },\n);\n\nPressable.displayName = 'Pressable';\n\nexport { Pressable };\n"]}

package/dist/common/interactive/select/context.js

@@ -1,38 +0,0 @@
-'use strict';
-
-var React = require('react');
-
-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);
-
-const SelectContext = React__namespace.createContext({
-  value: [],
-  groupValue: {}
-});
-const SelectTrackingContext = React__namespace.createContext({});
-function useSelectContext() {
-  return React__namespace.useContext(SelectContext);
-}
-
-exports.SelectContext = SelectContext;
-exports.SelectTrackingContext = SelectTrackingContext;
-exports.useSelectContext = useSelectContext;
-//# sourceMappingURL=context.js.map
-//# sourceMappingURL=context.js.map

package/dist/common/interactive/select/context.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/common/interactive/select/context.ts"],"names":["React"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAGO,MAAM,aAAA,GAAgBA,iBAAM,aAAA,CAA2B;AAAA,EAC5D,OAAO,EAAC;AAAA,EACR,YAAY;AACd,CAAC;AAEM,MAAM,qBAAA,GAAwBA,gBAAA,CAAM,aAAA,CAA0C,EAAE;AAEhF,SAAS,gBAAA,GAAmB;AACjC,EAAA,OAAOA,gBAAA,CAAM,WAAW,aAAa,CAAA;AACvC","file":"context.js","sourcesContent":["import * as React from 'react';\nimport { SelectState, SelectTrackingContextState } from './types';\n\nexport const SelectContext = React.createContext<SelectState>({\n  value: [],\n  groupValue: {},\n});\n\nexport const SelectTrackingContext = React.createContext<SelectTrackingContextState>({});\n\nexport function useSelectContext() {\n  return React.useContext(SelectContext);\n}\n"]}

package/dist/common/interactive/select/context.mjs

@@ -1,14 +0,0 @@
-import * as React from 'react';
-
-const SelectContext = React.createContext({
-  value: [],
-  groupValue: {}
-});
-const SelectTrackingContext = React.createContext({});
-function useSelectContext() {
-  return React.useContext(SelectContext);
-}
-
-export { SelectContext, SelectTrackingContext, useSelectContext };
-//# sourceMappingURL=context.mjs.map
-//# sourceMappingURL=context.mjs.map

package/dist/common/interactive/select/context.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/common/interactive/select/context.ts"],"names":[],"mappings":";;AAGO,MAAM,aAAA,GAAgB,MAAM,aAAA,CAA2B;AAAA,EAC5D,OAAO,EAAC;AAAA,EACR,YAAY;AACd,CAAC;AAEM,MAAM,qBAAA,GAAwB,KAAA,CAAM,aAAA,CAA0C,EAAE;AAEhF,SAAS,gBAAA,GAAmB;AACjC,EAAA,OAAO,KAAA,CAAM,WAAW,aAAa,CAAA;AACvC","file":"context.mjs","sourcesContent":["import * as React from 'react';\nimport { SelectState, SelectTrackingContextState } from './types';\n\nexport const SelectContext = React.createContext<SelectState>({\n  value: [],\n  groupValue: {},\n});\n\nexport const SelectTrackingContext = React.createContext<SelectTrackingContextState>({});\n\nexport function useSelectContext() {\n  return React.useContext(SelectContext);\n}\n"]}

package/dist/common/interactive/select/index.js

@@ -1,123 +0,0 @@
-'use strict';
-
-var utils = require('./utils');
-var variants = require('./variants');
-var context = require('./context');
-var select = require('./select');
-var selectTrigger = require('./select-trigger');
-var selectValue = require('./select-value');
-var selectBody = require('./select-body');
-var selectContent = require('./select-content');
-var selectLayout = require('./select-layout');
-var selectItem = require('./select-item');
-var selectSearch = require('./select-search');
-var selectClose = require('./select-close');
-var selectFooter = require('./select-footer');
-var selectStates = require('./select-states');
-var selectContentAutoLayout = require('./select-content-auto-layout');
-var selectContentGroupAutoLayout = require('./select-content-group-auto-layout');
-
-
-
-Object.defineProperty(exports, "normalizeToOptions", {
-  enumerable: true,
-  get: function () { return utils.normalizeToOptions; }
-});
-Object.defineProperty(exports, "selectButtonVariants", {
-  enumerable: true,
-  get: function () { return variants.selectButtonVariants; }
-});
-Object.defineProperty(exports, "SelectContext", {
-  enumerable: true,
-  get: function () { return context.SelectContext; }
-});
-Object.defineProperty(exports, "SelectTrackingContext", {
-  enumerable: true,
-  get: function () { return context.SelectTrackingContext; }
-});
-Object.defineProperty(exports, "useSelectContext", {
-  enumerable: true,
-  get: function () { return context.useSelectContext; }
-});
-Object.defineProperty(exports, "Select", {
-  enumerable: true,
-  get: function () { return select.Select; }
-});
-Object.defineProperty(exports, "SelectAnchor", {
-  enumerable: true,
-  get: function () { return selectTrigger.SelectAnchor; }
-});
-Object.defineProperty(exports, "SelectInputTrigger", {
-  enumerable: true,
-  get: function () { return selectTrigger.SelectInputTrigger; }
-});
-Object.defineProperty(exports, "SelectTrigger", {
-  enumerable: true,
-  get: function () { return selectTrigger.SelectTrigger; }
-});
-Object.defineProperty(exports, "SelectValue", {
-  enumerable: true,
-  get: function () { return selectValue.SelectValue; }
-});
-Object.defineProperty(exports, "SelectBody", {
-  enumerable: true,
-  get: function () { return selectBody.SelectBody; }
-});
-Object.defineProperty(exports, "SelectContent", {
-  enumerable: true,
-  get: function () { return selectContent.SelectContent; }
-});
-Object.defineProperty(exports, "SelectGroup", {
-  enumerable: true,
-  get: function () { return selectLayout.SelectGroup; }
-});
-Object.defineProperty(exports, "SelectGroupTitle", {
-  enumerable: true,
-  get: function () { return selectLayout.SelectGroupTitle; }
-});
-Object.defineProperty(exports, "SelectList", {
-  enumerable: true,
-  get: function () { return selectLayout.SelectList; }
-});
-Object.defineProperty(exports, "SelectSeparator", {
-  enumerable: true,
-  get: function () { return selectLayout.SelectSeparator; }
-});
-Object.defineProperty(exports, "SelectItem", {
-  enumerable: true,
-  get: function () { return selectItem.SelectItem; }
-});
-Object.defineProperty(exports, "SelectItemBase", {
-  enumerable: true,
-  get: function () { return selectItem.SelectItemBase; }
-});
-Object.defineProperty(exports, "SelectSearch", {
-  enumerable: true,
-  get: function () { return selectSearch.SelectSearch; }
-});
-Object.defineProperty(exports, "SelectClose", {
-  enumerable: true,
-  get: function () { return selectClose.SelectClose; }
-});
-Object.defineProperty(exports, "SelectFooter", {
-  enumerable: true,
-  get: function () { return selectFooter.SelectFooter; }
-});
-Object.defineProperty(exports, "SelectEmptyState", {
-  enumerable: true,
-  get: function () { return selectStates.SelectEmptyState; }
-});
-Object.defineProperty(exports, "SelectLoading", {
-  enumerable: true,
-  get: function () { return selectStates.SelectLoading; }
-});
-Object.defineProperty(exports, "SelectContentAutoLayout", {
-  enumerable: true,
-  get: function () { return selectContentAutoLayout.SelectContentAutoLayout; }
-});
-Object.defineProperty(exports, "SelectContentGroupAutoLayout", {
-  enumerable: true,
-  get: function () { return selectContentGroupAutoLayout.SelectContentGroupAutoLayout; }
-});
-//# sourceMappingURL=index.js.map
-//# sourceMappingURL=index.js.map

package/dist/common/interactive/select/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"index.js","sourcesContent":[]}

package/dist/common/interactive/select/index.mjs

@@ -1,18 +0,0 @@
-export { normalizeToOptions } from './utils';
-export { selectButtonVariants } from './variants';
-export { SelectContext, SelectTrackingContext, useSelectContext } from './context';
-export { Select } from './select';
-export { SelectAnchor, SelectInputTrigger, SelectTrigger } from './select-trigger';
-export { SelectValue } from './select-value';
-export { SelectBody } from './select-body';
-export { SelectContent } from './select-content';
-export { SelectGroup, SelectGroupTitle, SelectList, SelectSeparator } from './select-layout';
-export { SelectItem, SelectItemBase } from './select-item';
-export { SelectSearch } from './select-search';
-export { SelectClose } from './select-close';
-export { SelectFooter } from './select-footer';
-export { SelectEmptyState, SelectLoading } from './select-states';
-export { SelectContentAutoLayout } from './select-content-auto-layout';
-export { SelectContentGroupAutoLayout } from './select-content-group-auto-layout';
-//# sourceMappingURL=index.mjs.map
-//# sourceMappingURL=index.mjs.map

package/dist/common/interactive/select/index.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"index.mjs","sourcesContent":[]}

package/dist/common/interactive/select/select-body.js

@@ -1,89 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var useDevice = require('@/hooks/useDevice');
-var utils = require('@/lib/utils');
-var React = require('react');
-var popover = require('../../../components/popover');
-var sheet = require('../../../components/sheet');
-
-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);
-
-const SelectBody = React__namespace.forwardRef(
-  ({
-    asChild,
-    children,
-    side = "bottom",
-    align = "start",
-    alignOffset,
-    sideOffset,
-    className,
-    ...props
-  }, ref) => {
-    const { isDesktop } = useDevice.useDevice();
-    const Comp = isDesktop ? popover.PopoverContent : sheet.SheetBody;
-    const handleWheel = React__namespace.useCallback((e) => {
-      e.stopPropagation();
-    }, []);
-    const specificProps = isDesktop ? {
-      alignOffset: alignOffset ?? 4,
-      sideOffset,
-      hideWhenDetached: true,
-      avoidCollisions: true,
-      collisionPadding: 8,
-      onWheel: handleWheel,
-      // Smart interaction handling: Only allow closing in specific cases
-      onInteractOutside: (e) => {
-        const target = e.target;
-        const isSelectTrigger = target.closest('[role="combobox"]') || target.closest("[data-select-trigger]");
-        if (isSelectTrigger) {
-          return;
-        }
-      }
-    } : null;
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      Comp,
-      {
-        id: "select-body",
-        ref,
-        asChild,
-        side,
-        align,
-        sticky: "always",
-        className: utils.cn(
-          "lg:shadow-shadow-8 -ml-1 p-0 lg:bg-white",
-          {
-            "select-popover-content": isDesktop
-          },
-          className
-        ),
-        ...specificProps,
-        ...props,
-        children
-      }
-    );
-  }
-);
-SelectBody.displayName = "SelectBody";
-
-exports.SelectBody = SelectBody;
-//# sourceMappingURL=select-body.js.map
-//# sourceMappingURL=select-body.js.map

package/dist/common/interactive/select/select-body.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/common/interactive/select/select-body.tsx"],"names":["React","useDevice","PopoverContent","SheetBody","jsx","cn"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOA,MAAM,aAAaA,gBAAA,CAAM,UAAA;AAAA,EACvB,CACE;AAAA,IACE,OAAA;AAAA,IACA,QAAA;AAAA,IACA,IAAA,GAAO,QAAA;AAAA,IACP,KAAA,GAAQ,OAAA;AAAA,IACR,WAAA;AAAA,IACA,UAAA;AAAA,IACA,SAAA;AAAA,IACA,GAAG;AAAA,KAEL,GAAA,KACG;AACH,IAAA,MAAM,EAAE,SAAA,EAAU,GAAIC,mBAAA,EAAU;AAEhC,IAAA,MAAM,IAAA,GAAO,YAAYC,sBAAA,GAAiBC,eAAA;AAE1C,IAAA,MAAM,WAAA,GAAcH,gBAAA,CAAM,WAAA,CAAY,CAAC,CAAA,KAAwB;AAE7D,MAAA,CAAA,CAAE,eAAA,EAAgB;AAAA,IACpB,CAAA,EAAG,EAAE,CAAA;AAEL,IAAA,MAAM,gBAAgB,SAAA,GAClB;AAAA,MACE,aAAa,WAAA,IAAe,CAAA;AAAA,MAC5B,UAAA;AAAA,MACA,gBAAA,EAAkB,IAAA;AAAA,MAClB,eAAA,EAAiB,IAAA;AAAA,MACjB,gBAAA,EAAkB,CAAA;AAAA,MAClB,OAAA,EAAS,WAAA;AAAA;AAAA,MAET,iBAAA,EAAmB,CAAC,CAAA,KAAa;AAC/B,QAAA,MAAM,SAAS,CAAA,CAAE,MAAA;AAIjB,QAAA,MAAM,kBACJ,MAAA,CAAO,OAAA,CAAQ,mBAAmB,CAAA,IAAK,MAAA,CAAO,QAAQ,uBAAuB,CAAA;AAC/E,QAAA,IAAI,eAAA,EAAiB;AACnB,UAAA;AAAA,QACF;AAAA,MAKF;AAAA,KACF,GACA,IAAA;AAEJ,IAAA,uBACEI,cAAA;AAAA,MAAC,IAAA;AAAA,MAAA;AAAA,QACC,EAAA,EAAI,aAAA;AAAA,QACJ,GAAA;AAAA,QACA,OAAA;AAAA,QACA,IAAA;AAAA,QACA,KAAA;AAAA,QAEA,MAAA,EAAO,QAAA;AAAA,QACP,SAAA,EAAWC,QAAA;AAAA,UACT,0CAAA;AAAA,UACA;AAAA,YACE,wBAAA,EAA0B;AAAA,WAC5B;AAAA,UACA;AAAA,SACF;AAAA,QACC,GAAG,aAAA;AAAA,QACH,GAAG,KAAA;AAAA,QAEH;AAAA;AAAA,KACH;AAAA,EAEJ;AACF;AAEA,UAAA,CAAW,WAAA,GAAc,YAAA","file":"select-body.js","sourcesContent":["import { useDevice } from '@/hooks/useDevice';\nimport { cn } from '@/lib/utils';\nimport * as React from 'react';\nimport { PopoverContent } from '../../../components/popover';\nimport { SheetBody } from '../../../components/sheet';\nimport { SelectBodyProps } from './types';\n\nconst SelectBody = React.forwardRef<HTMLDivElement, SelectBodyProps>(\n  (\n    {\n      asChild,\n      children,\n      side = 'bottom',\n      align = 'start',\n      alignOffset,\n      sideOffset,\n      className,\n      ...props\n    },\n    ref,\n  ) => {\n    const { isDesktop } = useDevice();\n\n    const Comp = isDesktop ? PopoverContent : SheetBody;\n\n    const handleWheel = React.useCallback((e: React.WheelEvent) => {\n      // Stop wheel event from propagating to Dialog\n      e.stopPropagation();\n    }, []);\n\n    const specificProps = isDesktop\n      ? {\n          alignOffset: alignOffset ?? 4,\n          sideOffset: sideOffset,\n          hideWhenDetached: true,\n          avoidCollisions: true,\n          collisionPadding: 8,\n          onWheel: handleWheel,\n          // Smart interaction handling: Only allow closing in specific cases\n          onInteractOutside: (e: Event) => {\n            const target = e.target as HTMLElement;\n\n            // Always allow closing when clicking on another Select trigger\n            // This ensures only one Select is open at a time\n            const isSelectTrigger =\n              target.closest('[role=\"combobox\"]') || target.closest('[data-select-trigger]');\n            if (isSelectTrigger) {\n              return; // Allow closing\n            }\n\n            // Allow closing on normal clicks in Dialog\n            // The onWheel handler separately prevents issues with scrolling\n            // So we don't need to preventDefault here\n          },\n        }\n      : null;\n\n    return (\n      <Comp\n        id={'select-body'}\n        ref={ref}\n        asChild={asChild}\n        side={side}\n        align={align}\n        // Add properties to prevent popover drift during scroll\n        sticky=\"always\"\n        className={cn(\n          'lg:shadow-shadow-8 -ml-1 p-0 lg:bg-white',\n          {\n            'select-popover-content': isDesktop,\n          },\n          className,\n        )}\n        {...specificProps}\n        {...props}\n      >\n        {children}\n      </Comp>\n    );\n  },\n);\n\nSelectBody.displayName = 'SelectBody';\n\nexport { SelectBody };\n"]}