shad-m 1.0.2 → 1.0.3

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

@@ -0,0 +1,116 @@
+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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/common/interactive/popover-wrapper.tsx"],"names":["className","props"],"mappings":"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","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

@@ -0,0 +1,84 @@
+'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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,62 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,38 @@
+'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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,14 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,123 @@
+'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

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

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

@@ -0,0 +1,18 @@
+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

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

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

@@ -0,0 +1,89 @@
+'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

@@ -0,0 +1 @@
+{"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"]}