shad-m 1.0.2 → 1.0.3

package/dist/common/interactive/select/select-trigger.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/common/interactive/select/select-trigger.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;AAeA,MAAM,eAAe,KAAA,CAAM,UAAA;AAAA,EACzB,CACE,EAAE,QAAA,EAAU,OAAA,EAAS,YAAA,EAAc,aAAA,EAAe,YAAA,EAAc,iBAAA,EAAmB,GAAG,IAAA,EAAK,EAC3F,GAAA,KACG;AACH,IAAA,MAAM,EAAE,SAAA,EAAU,GAAI,SAAA,EAAU;AAEhC,IAAA,MAAM,IAAA,GAAO,YAAY,cAAA,GAAiB,YAAA;AAE1C,IAAA,uBACE,GAAA;AAAA,MAAC,SAAA;AAAA,MAAA;AAAA,QACC,YAAA;AAAA,QACA,YAAA;AAAA,QACA,aAAA;AAAA,QACA,iBAAA;AAAA,QAEA,QAAA,kBAAA,GAAA,CAAC,QAAK,GAAA,EAAU,OAAA,EAAkB,uBAAmB,IAAA,EAAE,GAAG,MACvD,QAAA,EACH;AAAA;AAAA,KACF;AAAA,EAEJ;AACF;AACA,YAAA,CAAa,WAAA,GAAc,cAAA;AAG3B,MAAM,qBAAqB,KAAA,CAAM,UAAA;AAAA,EAC/B,CACE;AAAA,IACE,SAAA;AAAA,IACA,IAAA,GAAO,SAAA;AAAA,IACP,QAAA;AAAA,IACA,YAAA;AAAA,IACA,aAAA;AAAA,IACA,YAAA;AAAA,IACA,iBAAA;AAAA,IACA,IAAA;AAAA,IACA,aAAA,GAAgB,IAAA;AAAA,IAChB,mBAAA,GAAsB,IAAA;AAAA,IACtB,OAAA;AAAA;AAAA,IAEA,KAAA;AAAA,IACA,UAAA;AAAA,IACA,QAAA;AAAA,IACA,OAAA;AAAA,IACA,WAAA;AAAA,IACA,cAAA;AAAA,IACA,mBAAA;AAAA,IACA,WAAA;AAAA,IACA,UAAA;AAAA,IACA,WAAA;AAAA,IACA,UAAA;AAAA,IACA,iBAAA;AAAA,IACA,SAAA;AAAA,IACA,SAAA;AAAA,IACA,QAAA,GAAW,IAAA;AAAA;AAAA,IACX,IAAA;AAAA,IACA,OAAA;AAAA,IACA,SAAA;AAAA,IACA,IAAA;AAAA,IACA,KAAA;AAAA,IACA,QAAA;AAAA,IACA,SAAA;AAAA,IACA,iBAAA;AAAA,IACA,kBAAA;AAAA,IACA,GAAG;AAAA,KAEL,GAAA,KACG;AACH,IAAA,MAAM,EAAE,SAAA,EAAU,GAAI,SAAA,EAAU;AAEhC,IAAA,MAAM,IAAA,GAAO,YAAY,cAAA,GAAiB,YAAA;AAC1C,IAAA,MAAM;AAAA,MACJ,UAAA;AAAA,MACA,KAAA;AAAA,MACA,QAAA,EAAU,eAAA;AAAA,MACV,KAAA,EAAO,YAAA;AAAA,MACP,QAAA;AAAA,MACA,aAAA;AAAA,MACA;AAAA,QACE,gBAAA,EAAiB;AAErB,IAAA,MAAM,EAAE,SAAA,EAAU,GAAI,kBAAA,EAAmB;AACzC,IAAA,MAAM;AAAA,MACJ,iBAAA;AAAA,MACA,YAAA,EAAc,mBAAA;AAAA,MACd,aAAA,EAAe,oBAAA;AAAA,MACf,iBAAA,EAAmB,wBAAA;AAAA,MACnB,WAAA;AAAA,MACA;AAAA,KACF,GAAI,KAAA,CAAM,UAAA,CAAW,qBAAqB,CAAA;AAE1C,IAAA,MAAM,YAAA,GAAe,OAAA,CAAQ,KAAK,CAAA,IAAK,QAAQ,UAAU,CAAA;AACzD,IAAA,MAAM,YAAA,GAAe,CAAC,KAAA,GAAQ,CAAC,CAAA,EAAG,QAAQ,CAAC,UAAA,EAAY,KAAA,GAAQ,CAAC,CAAA,EAAG,IAAA;AACnE,IAAA,MAAM,QAAA,GAAW,CAAC,YAAA,IAAgB,CAAC,YAAA;AAGnC,IAAA,MAAM,gBAAgB,QAAA,IAAY,eAAA;AAClC,IAAA,MAAM,aAAa,KAAA,IAAS,YAAA;AAI5B,IAAA,MAAM,uBAAA,GAA0B,mBAAA,IAAuB,UAAA,KAAe,QAAA,IAAY,UAAA,CAAA;AAElF,IAAA,MAAM,oBAAA,GAAuB,mBAAA,GACzB,WAAA,IAAe,UAAA,GACf,WAAA,IAAe,UAAA;AAGnB,IAAA,MAAM,YAAA,GAAe,KAAA,CAAM,OAAA,CAAQ,MAAM;AACvC,MAAA,IAAI,YAAA,IAAgB,cAAc,OAAO,EAAA;AAGzC,MAAA,IAAI,MAAM,cAAA,CAAe,QAAQ,CAAA,IAAK,QAAA,CAAS,MAAM,QAAA,EAAU;AAC7D,QAAA,MAAM,QAAA,GAAW,SAAS,KAAA,CAAM,QAAA;AAChC,QAAA,IAAI,OAAO,aAAa,UAAA,EAAY;AAClC,UAAA,OAAO,QAAA,CAAS,KAAA,EAAO,UAAU,CAAA,IAAK,EAAA;AAAA,QACxC;AAAA,MACF;AAGA,MAAA,IAAI,OAAO,MAAA,EAAQ;AACjB,QAAA,OAAO,KAAA,CAAM,GAAA,CAAI,CAAC,IAAA,KAAS,IAAA,EAAM,QAAQ,IAAA,EAAM,KAAK,CAAA,CAAE,IAAA,CAAK,IAAI,CAAA;AAAA,MACjE;AAEA,MAAA,IAAI,UAAA,EAAY,OAAO,MAAA,EAAQ;AAC7B,QAAA,OAAO,UAAA,CAAW,MAAM,GAAA,CAAI,CAAC,UAAU,KAAA,EAAO,IAAI,CAAA,CAAE,IAAA,CAAK,IAAI,CAAA;AAAA,MAC/D;AAEA,MAAA,OAAO,EAAA;AAAA,IACT,GAAG,CAAC,KAAA,EAAO,YAAY,QAAA,EAAU,YAAA,EAAc,YAAY,CAAC,CAAA;AAG5D,IAAA,MAAM,qBAAA,GAAwB,KAAA,CAAM,OAAA,CAAQ,MAAM;AAChD,MAAA,IAAI,aAAA,GAAgB,CAAA;AAGpB,MAAA,IAAI,iBAAiB,QAAA,EAAU;AAC7B,QAAA,aAAA,IAAiB,EAAA;AAAA,MACnB;AAGA,MAAkB;AAEhB,QAAA,aAAA,IAAiB,EAAA;AAAA,MACnB;AAGA,MAAA,IAAI,UAAA,EAAY;AACd,QAAA,aAAA,IAAiB,EAAA;AAAA,MACnB;AAGA,MAAA,aAAA,IAAiB,EAAA;AAEjB,MAAA,OAAO,eAAe,aAAa,CAAA,GAAA,CAAA;AAAA,IACrC,GAAG,CAAC,aAAA,EAAe,QAAA,EAAU,IAAA,EAAM,UAAU,CAAC,CAAA;AAE9C,IAAA,uBACE,GAAA;AAAA,MAAC,SAAA;AAAA,MAAA;AAAA,QACC,YAAA;AAAA,QACA,aAAA;AAAA,QACA,YAAA;AAAA,QACA,iBAAA;AAAA,QACA,QAAA,EAAU,aAAA;AAAA,QAET,QAAA,EAAA,aAAA;AAAA;AAAA,0BAEC,GAAA,CAAC,SAAI,SAAA,EAAW,EAAA,CAAG,sBAAsB,SAAS,CAAA,EAAI,GAAG,KAAA,EACvD,QAAA,kBAAA,GAAA;AAAA,YAAC,KAAA;AAAA,YAAA;AAAA,cACC,GAAA;AAAA,cACA,KAAA,EAAO,0BAA0B,UAAA,GAAa,MAAA;AAAA,cAC9C,UAAA;AAAA,cACA,KAAA,EAAO,YAAA;AAAA,cACP,QAAA;AAAA,cACA,QAAA,EAAU,aAAA;AAAA,cACV,SAAA,EAAW,EAAA,CAAG,oBAAA,EAAsB,cAAc,CAAA;AAAA,cAClD,cAAA,EAAe,iDAAA;AAAA,cACf,cAAA,EAAgB,KAAA;AAAA,cAChB,UAAA,EACE,IAAA,oBACE,GAAA,CAAC,WAAA,EAAA,EAAY,WAAU,6DAAA,EAA8D,CAAA;AAAA,cAGzF,IAAA;AAAA,cACA,WAAA,EAAa,oBAAA;AAAA,cACb,OAAA;AAAA,cACA,mBAAA,EAAqB,EAAA,CAAG,oBAAA,EAAsB,mBAAmB,CAAA;AAAA,cACjE,WAAA,EAAa,EAAA,CAAG,wCAAA,EAA0C,WAAW,CAAA;AAAA,cACrE,UAAA;AAAA,cACA,WAAA;AAAA,cACA,UAAA;AAAA,cACA,iBAAA;AAAA,cACA,SAAA;AAAA,cACA,SAAA;AAAA,cACA,IAAA;AAAA,cACA,OAAA;AAAA,cACA,SAAA;AAAA,cACA,IAAA;AAAA,cACA,QAAA;AAAA,cACA,SAAA;AAAA,cACA,iBAAA;AAAA,cACA,kBAAA;AAAA,cACA,KAAA,EAAO,EAAE,GAAG,KAAA,EAAO,UAAU,qBAAA;AAAsB;AAAA,WACrD,EACF;AAAA;AAAA;AAAA,0BAGA,GAAA,CAAC,IAAA,EAAA,EAAK,OAAA,EAAO,IAAA,EACX,8BAAC,KAAA,EAAA,EAAI,SAAA,EAAW,EAAA,CAAG,gBAAA,EAAkB,SAAS,CAAA,EAAG,qBAAA,EAAmB,IAAA,EAAE,GAAG,KAAA,EACvE,QAAA,kBAAA,GAAA;AAAA,YAAC,KAAA;AAAA,YAAA;AAAA,cACC,GAAA;AAAA,cACA,KAAA,EAAO,0BAA0B,UAAA,GAAa,MAAA;AAAA,cAC9C,UAAA;AAAA,cACA,KAAA,EAAO,YAAA;AAAA,cACP,QAAA;AAAA,cACA,QAAA,EAAU,aAAA;AAAA,cACV,SAAA,EAAW,EAAA,CAAG,gBAAA,EAAkB,cAAc,CAAA;AAAA,cAC9C,cAAA,EAAe,iDAAA;AAAA,cACf,gBAAgB,aAAA,IAAiB,QAAA;AAAA,cACjC,cAAc,MAAM;AAElB,gBAAA,IAAI,iBAAA,IAAqB,SAAA,IAAa,CAAC,wBAAA,EAA0B;AAC/D,kBAAA,MAAM,iBAAA,GAAoB;AAAA,oBACxB,GAAI,uBAAuB,EAAC;AAAA,oBAC5B,MAAA,EAAQ;AAAA,mBACV;AAGA,kBAAA,KAAA,EAAO,OAAA,CAAQ,CAAC,IAAA,KAAS;AACvB,oBAAA,SAAA,CAAU,iBAAA,EAAmB,cAAc,KAAA,EAAO;AAAA,sBAChD,GAAG,iBAAA;AAAA,sBACH,CAAC,WAAA,IAAe,OAAO,GAAG,IAAA,EAAM,KAAA;AAAA,sBAChC,CAAC,UAAA,IAAc,MAAM,GAAG,IAAA,EAAM,IAAA;AAAA,sBAC9B,GAAI,oBAAA,KAAyB,MAAA,IAAa,EAAE,OAAO,oBAAA;AAAqB,qBACzE,CAAA;AAAA,kBACH,CAAC,CAAA;AAAA,gBACH;AAEA,gBAAA,YAAA,IAAe;AACf,gBAAA,QAAA,GAAW,EAAE,CAAA;AACb,gBAAA,aAAA,GAAgB,EAAE,KAAA,EAAO,IAAI,KAAA,EAAO,IAAI,CAAA;AAAA,cAC1C,CAAA;AAAA,cACA,UAAA,EACE,IAAA,oBACE,GAAA,CAAC,WAAA,EAAA,EAAY,WAAU,kDAAA,EAAmD,CAAA;AAAA,cAG9E,IAAA;AAAA,cACA,WAAA,EAAa,oBAAA;AAAA,cACb,OAAA;AAAA,cACA,mBAAA;AAAA,cACA,WAAA;AAAA,cACA,UAAA;AAAA,cACA,WAAA;AAAA,cACA,UAAA;AAAA,cACA,iBAAA;AAAA,cACA,SAAA;AAAA,cACA,SAAA;AAAA,cACA,IAAA;AAAA,cACA,OAAA;AAAA,cACA,SAAA;AAAA,cACA,IAAA;AAAA,cACA,QAAA;AAAA,cACA,SAAA;AAAA,cACA,iBAAA;AAAA,cACA,kBAAA;AAAA,cACA,KAAA,EAAO,EAAE,GAAG,KAAA,EAAO,UAAU,qBAAA;AAAsB;AAAA,aAEvD,CAAA,EACF;AAAA;AAAA;AAAA,KAEJ;AAAA,EAEJ;AACF;AACA,kBAAA,CAAmB,WAAA,GAAc,oBAAA;AAGjC,MAAM,gBAAgB,KAAA,CAAM,UAAA;AAAA,EAC1B,CACE;AAAA,IACE,QAAA;AAAA,IACA,OAAA;AAAA,IACA,SAAA;AAAA,IACA,YAAA;AAAA,IACA,aAAA;AAAA,IACA,YAAA;AAAA,IACA,iBAAA;AAAA,IACA,YAAA,GAAe,KAAA;AAAA,IACf,GAAG;AAAA,KAEL,GAAA,KACG;AACH,IAAA,MAAM,EAAE,SAAA,EAAU,GAAI,SAAA,EAAU;AAChC,IAAA,MAAM,IAAA,GAAO,YAAY,cAAA,GAAiB,YAAA;AAG1C,IAAA,IAAI,OAAA,IAAW,gBAAgB,QAAA,EAAU;AAGvC,MAAA,MAAM,KAAA,GAAQ,KAAA,CAAM,QAAA,CAAS,IAAA,CAAK,QAAQ,CAAA;AAC1C,MAAA,MAAM,WAAA,GAAc,KAAA,CAAM,YAAA,CAAa,KAAA,EAAO;AAAA,QAC5C,SAAA,EAAW,EAAA,CAAG,KAAA,CAAM,KAAA,CAAM,WAAW,SAAS,CAAA;AAAA,QAC9C,qBAAA,EAAuB,IAAA;AAAA,QACvB,GAAG,KAAA,CAAM;AAAA,OACV,CAAA;AAED,MAAA,uBACE,GAAA;AAAA,QAAC,SAAA;AAAA,QAAA;AAAA,UACC,SAAA,EAAU,QAAA;AAAA,UACV,YAAA;AAAA,UACA,YAAA;AAAA,UACA,aAAA;AAAA,UACA,iBAAA;AAAA,UAEA,8BAAC,IAAA,EAAA,EAAK,GAAA,EAAU,SAAO,IAAA,EAAE,GAAG,MACzB,QAAA,EAAA,WAAA,EACH;AAAA;AAAA,OACF;AAAA,IAEJ;AAGA,IAAA,uBACE,GAAA;AAAA,MAAC,kBAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,QAAA;AAAA,QACA,OAAA;AAAA,QACA,SAAA;AAAA,QACC,GAAI;AAAA;AAAA,KACP;AAAA,EAEJ;AACF;AAEA,aAAA,CAAc,WAAA,GAAc,eAAA","file":"select-trigger.mjs","sourcesContent":["'use client';\nimport { useDevice } from '@/hooks/useDevice';\nimport { cn } from '@/lib/utils';\nimport { PopoverTrigger } from '@radix-ui/react-popover';\nimport { ChevronDown } from 'lucide-react';\nimport * as React from 'react';\nimport { Input } from '../../../components/input';\nimport { SheetTrigger } from '../../../components/sheet';\nimport { isEmpty } from '../../../lib/helpers';\nimport { Pressable } from '../pressable';\nimport { useSelectContext, SelectTrackingContext } from './context';\nimport { SelectInputTriggerProps, SelectTriggerProps } from './types';\nimport { useUISystemContext } from '@/providers/UISystemProvider';\nimport { TRACKING_TYPE } from '@/lib/types';\n\nconst SelectAnchor = React.forwardRef<HTMLButtonElement, SelectTriggerProps>(\n  (\n    { children, asChild, trackingData, trackingIndex, trackingName, blockSendTracking, ...rest },\n    ref,\n  ) => {\n    const { isDesktop } = useDevice();\n\n    const Comp = isDesktop ? PopoverTrigger : SheetTrigger;\n\n    return (\n      <Pressable\n        trackingName={trackingName}\n        trackingData={trackingData}\n        trackingIndex={trackingIndex}\n        blockSendTracking={blockSendTracking}\n      >\n        <Comp ref={ref} asChild={asChild} data-select-trigger {...rest}>\n          {children}\n        </Comp>\n      </Pressable>\n    );\n  },\n);\nSelectAnchor.displayName = 'SelectAnchor';\n\n// Input-based Select Trigger\nconst SelectInputTrigger = React.forwardRef<HTMLInputElement, SelectInputTriggerProps>(\n  (\n    {\n      className,\n      size = 'default',\n      children,\n      trackingData,\n      trackingIndex,\n      trackingName,\n      blockSendTracking,\n      icon,\n      hasRemoveIcon = true,\n      enableFloatingLabel = true,\n      asChild,\n      // Input specific props\n      label,\n      isRequired,\n      disabled,\n      isError,\n      placeholder,\n      inputClassName,\n      buttonIconClassName,\n      classButton,\n      classLabel,\n      addonBefore,\n      addonAfter,\n      trackingInputName,\n      autoFocus,\n      maxLength,\n      readOnly = true, // Always readOnly for select\n      type,\n      pattern,\n      inputMode,\n      name,\n      style,\n      helpText,\n      errorText,\n      helpTextClassName,\n      errorTextClassName,\n      ...props\n    },\n    ref,\n  ) => {\n    const { isDesktop } = useDevice();\n\n    const Comp = isDesktop ? PopoverTrigger : SheetTrigger;\n    const {\n      groupValue,\n      value,\n      disabled: contextDisabled,\n      label: contextLabel,\n      setValue,\n      setGroupValue,\n      onClearValue,\n    } = useSelectContext();\n\n    const { sendTrack } = useUISystemContext();\n    const {\n      trackingClearName,\n      trackingData: trackingDataContext,\n      trackingIndex: trackingIndexContext,\n      blockSendTracking: blockSendTrackingContext,\n      keyForValue,\n      keyForName,\n    } = React.useContext(SelectTrackingContext);\n\n    const isValueEmpty = isEmpty(value) && isEmpty(groupValue);\n    const isValueBlank = !value?.[0]?.name && !groupValue?.group?.[0]?.name;\n    const hasValue = !isValueEmpty && !isValueBlank;\n\n    // Use props with fallback to context values\n    const finalDisabled = disabled ?? contextDisabled;\n    const finalLabel = label ?? contextLabel;\n\n    // Handle label/placeholder logic\n    // When isRequired, always show label (even without value) to display asterisk\n    const shouldShowFloatingLabel = enableFloatingLabel && finalLabel && (hasValue || isRequired);\n\n    const effectivePlaceholder = enableFloatingLabel\n      ? placeholder || finalLabel\n      : placeholder || finalLabel;\n\n    // Get display value for input\n    const displayValue = React.useMemo(() => {\n      if (isValueEmpty || isValueBlank) return '';\n\n      // Check if children is a SelectValue component with render function\n      if (React.isValidElement(children) && children.props.children) {\n        const renderFn = children.props.children;\n        if (typeof renderFn === 'function') {\n          return renderFn(value, groupValue) || '';\n        }\n      }\n\n      // Default value rendering\n      if (value?.length) {\n        return value.map((item) => item?.name || item?.value).join(', ');\n      }\n\n      if (groupValue?.group?.length) {\n        return groupValue.group.map((group) => group?.name).join(', ');\n      }\n\n      return '';\n    }, [value, groupValue, children, isValueEmpty, isValueBlank]);\n\n    // Calculate the width that should be reserved for icons and addons\n    const calculateTextMaxWidth = React.useMemo(() => {\n      let reservedWidth = 0;\n\n      // Add width for remove icon (if present)\n      if (hasRemoveIcon && hasValue) {\n        reservedWidth += 32; // ~32px for remove icon\n      }\n\n      // Add width for button icon (chevron)\n      if (icon || true) {\n        // Always has chevron icon\n        reservedWidth += 32; // ~32px for button icon\n      }\n\n      // Add width for addon after\n      if (addonAfter) {\n        reservedWidth += 60; // Estimated width for addon\n      }\n\n      // Add some padding buffer\n      reservedWidth += 16; // Buffer for padding\n\n      return `calc(100% - ${reservedWidth}px)`;\n    }, [hasRemoveIcon, hasValue, icon, addonAfter]);\n\n    return (\n      <Pressable\n        trackingData={trackingData}\n        trackingIndex={trackingIndex}\n        trackingName={trackingName}\n        blockSendTracking={blockSendTracking}\n        disabled={finalDisabled}\n      >\n        {finalDisabled ? (\n          // Khi disabled, không sử dụng PopoverTrigger/SheetTrigger\n          <div className={cn('cursor-not-allowed', className)} {...props}>\n            <Input\n              ref={ref}\n              label={shouldShowFloatingLabel ? finalLabel : undefined}\n              isRequired={isRequired}\n              value={displayValue}\n              readOnly={readOnly}\n              disabled={finalDisabled}\n              className={cn('cursor-not-allowed', inputClassName)}\n              inputClassName=\"overflow-hidden text-ellipsis whitespace-nowrap\"\n              showRemoveIcon={false}\n              buttonIcon={\n                icon ?? (\n                  <ChevronDown className=\"h-6 w-6 stroke-[1.5px] opacity-50 [&>path]:stroke-[#5e7184]\" />\n                )\n              }\n              size={size}\n              placeholder={effectivePlaceholder}\n              isError={isError}\n              buttonIconClassName={cn('cursor-not-allowed', buttonIconClassName)}\n              classButton={cn('cursor-not-allowed pointer-events-none', classButton)}\n              classLabel={classLabel}\n              addonBefore={addonBefore}\n              addonAfter={addonAfter}\n              trackingInputName={trackingInputName}\n              autoFocus={autoFocus}\n              maxLength={maxLength}\n              type={type}\n              pattern={pattern}\n              inputMode={inputMode}\n              name={name}\n              helpText={helpText}\n              errorText={errorText}\n              helpTextClassName={helpTextClassName}\n              errorTextClassName={errorTextClassName}\n              style={{ ...style, maxWidth: calculateTextMaxWidth }}\n            />\n          </div>\n        ) : (\n          // Khi không disabled, sử dụng PopoverTrigger/SheetTrigger như bình thường\n          <Comp asChild>\n            <div className={cn('cursor-pointer', className)} data-select-trigger {...props}>\n              <Input\n                ref={ref}\n                label={shouldShowFloatingLabel ? finalLabel : undefined}\n                isRequired={isRequired}\n                value={displayValue}\n                readOnly={readOnly}\n                disabled={finalDisabled}\n                className={cn('cursor-pointer', inputClassName)}\n                inputClassName=\"overflow-hidden text-ellipsis whitespace-nowrap\"\n                showRemoveIcon={hasRemoveIcon && hasValue}\n                onClearValue={() => {\n                  // Send clear tracking\n                  if (trackingClearName && sendTrack && !blockSendTrackingContext) {\n                    const clearTrackingData = {\n                      ...(trackingDataContext || {}),\n                      status: 'unselected',\n                    };\n\n                    // Track each cleared value\n                    value?.forEach((item) => {\n                      sendTrack(trackingClearName, TRACKING_TYPE.click, {\n                        ...clearTrackingData,\n                        [keyForValue || 'value']: item?.value,\n                        [keyForName || 'name']: item?.name,\n                        ...(trackingIndexContext !== undefined && { index: trackingIndexContext }),\n                      });\n                    });\n                  }\n\n                  onClearValue?.();\n                  setValue?.([]);\n                  setGroupValue?.({ group: [], child: [] });\n                }}\n                buttonIcon={\n                  icon ?? (\n                    <ChevronDown className=\"h-6 w-6 stroke-[1.5px] [&>path]:stroke-[#5e7184]\" />\n                  )\n                }\n                size={size}\n                placeholder={effectivePlaceholder}\n                isError={isError}\n                buttonIconClassName={buttonIconClassName}\n                classButton={classButton}\n                classLabel={classLabel}\n                addonBefore={addonBefore}\n                addonAfter={addonAfter}\n                trackingInputName={trackingInputName}\n                autoFocus={autoFocus}\n                maxLength={maxLength}\n                type={type}\n                pattern={pattern}\n                inputMode={inputMode}\n                name={name}\n                helpText={helpText}\n                errorText={errorText}\n                helpTextClassName={helpTextClassName}\n                errorTextClassName={errorTextClassName}\n                style={{ ...style, maxWidth: calculateTextMaxWidth }}\n              />\n            </div>\n          </Comp>\n        )}\n      </Pressable>\n    );\n  },\n);\nSelectInputTrigger.displayName = 'SelectInputTrigger';\n\n// Create SelectTrigger that supports both Input mode and custom trigger mode\nconst SelectTrigger = React.forwardRef<HTMLButtonElement, SelectTriggerProps>(\n  (\n    {\n      children,\n      asChild,\n      className,\n      trackingData,\n      trackingIndex,\n      trackingName,\n      blockSendTracking,\n      isCustomMode = false,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { isDesktop } = useDevice();\n    const Comp = isDesktop ? PopoverTrigger : SheetTrigger;\n\n    // If asChild is true and has children, render custom trigger\n    if (asChild && isCustomMode && children) {\n      // When using asChild, we need to merge the className and other props into the child element\n      // Clone the child and merge props\n      const child = React.Children.only(children) as React.ReactElement;\n      const mergedChild = React.cloneElement(child, {\n        className: cn(child.props.className, className),\n        'data-select-trigger': true,\n        ...child.props,\n      });\n\n      return (\n        <Pressable\n          className=\"h-full\"\n          trackingName={trackingName}\n          trackingData={trackingData}\n          trackingIndex={trackingIndex}\n          blockSendTracking={blockSendTracking}\n        >\n          <Comp ref={ref} asChild {...rest}>\n            {mergedChild}\n          </Comp>\n        </Pressable>\n      );\n    }\n\n    // Otherwise, use Input-based trigger (backward compatibility)\n    return (\n      <SelectInputTrigger\n        ref={ref as React.Ref<HTMLInputElement>}\n        children={children}\n        asChild={asChild}\n        className={className}\n        {...(rest as any)}\n      />\n    );\n  },\n);\n\nSelectTrigger.displayName = 'SelectTrigger';\n\nexport { SelectAnchor, SelectInputTrigger, SelectTrigger };\n"]}

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

@@ -0,0 +1,52 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var utils = require('@/lib/utils');
+var reactSlot = require('@radix-ui/react-slot');
+var React = require('react');
+var context = require('./context');
+
+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 defaultRenderer = (value, _) => {
+  if (!value?.length) return;
+  return value?.map((item) => item?.name || item?.value).join(", ");
+};
+const SelectValue = React__namespace.forwardRef(
+  ({ className, asChild, children = defaultRenderer, ...props }, ref) => {
+    const Comp = asChild ? reactSlot.Slot : "span";
+    const { value, groupValue } = context.useSelectContext();
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      Comp,
+      {
+        ref,
+        className: utils.cn("group-disabled/trigger:text-muted-foreground", className),
+        ...props,
+        children: children(value, groupValue)
+      }
+    );
+  }
+);
+SelectValue.displayName = "SelectValue";
+
+exports.SelectValue = SelectValue;
+//# sourceMappingURL=select-value.js.map
+//# sourceMappingURL=select-value.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/common/interactive/select/select-value.tsx"],"names":["React","Slot","useSelectContext","jsx","cn"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,MAAM,eAAA,GAAkB,CACtB,KAAA,EACA,CAAA,KAMG;AACH,EAAA,IAAI,CAAC,OAAO,MAAA,EAAQ;AACpB,EAAA,OAAO,KAAA,EAAO,GAAA,CAAI,CAAC,IAAA,KAAS,IAAA,EAAM,QAAQ,IAAA,EAAM,KAAK,CAAA,CAAE,IAAA,CAAK,IAAI,CAAA;AAClE,CAAA;AAEA,MAAM,cAAcA,gBAAA,CAAM,UAAA;AAAA,EACxB,CAAC,EAAE,SAAA,EAAW,OAAA,EAAS,WAAW,eAAA,EAAiB,GAAG,KAAA,EAAM,EAAG,GAAA,KAAQ;AACrE,IAAA,MAAM,IAAA,GAAO,UAAUC,cAAA,GAAO,MAAA;AAC9B,IAAA,MAAM,EAAE,KAAA,EAAO,UAAA,EAAW,GAAIC,wBAAA,EAAiB;AAC/C,IAAA,uBACEC,cAAA;AAAA,MAAC,IAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,SAAA,EAAWC,QAAA,CAAG,8CAAA,EAAgD,SAAS,CAAA;AAAA,QACtE,GAAG,KAAA;AAAA,QAEH,QAAA,EAAA,QAAA,CAAS,OAAO,UAAU;AAAA;AAAA,KAC7B;AAAA,EAEJ;AACF;AAEA,WAAA,CAAY,WAAA,GAAc,aAAA","file":"select-value.js","sourcesContent":["import { cn } from '@/lib/utils';\nimport { Slot } from '@radix-ui/react-slot';\nimport * as React from 'react';\nimport { useSelectContext } from './context';\nimport { Option, OptionGroup, SelectValueTextProps } from './types';\n\nconst defaultRenderer = (\n  value?: Option[],\n  _?:\n    | {\n        group?: OptionGroup<Option>[] | undefined;\n        child?: Option[] | undefined;\n      }\n    | undefined,\n) => {\n  if (!value?.length) return;\n  return value?.map((item) => item?.name || item?.value).join(', ');\n};\n\nconst SelectValue = React.forwardRef<HTMLSpanElement, SelectValueTextProps>(\n  ({ className, asChild, children = defaultRenderer, ...props }, ref) => {\n    const Comp = asChild ? Slot : 'span';\n    const { value, groupValue } = useSelectContext();\n    return (\n      <Comp\n        ref={ref}\n        className={cn('group-disabled/trigger:text-muted-foreground', className)}\n        {...props}\n      >\n        {children(value, groupValue)}\n      </Comp>\n    );\n  },\n);\n\nSelectValue.displayName = 'SelectValue';\n\nexport { SelectValue };\n"]}

package/dist/common/interactive/select/select-value.mjs

@@ -0,0 +1,30 @@
+import { jsx } from 'react/jsx-runtime';
+import { cn } from '@/lib/utils';
+import { Slot } from '@radix-ui/react-slot';
+import * as React from 'react';
+import { useSelectContext } from './context';
+
+const defaultRenderer = (value, _) => {
+  if (!value?.length) return;
+  return value?.map((item) => item?.name || item?.value).join(", ");
+};
+const SelectValue = React.forwardRef(
+  ({ className, asChild, children = defaultRenderer, ...props }, ref) => {
+    const Comp = asChild ? Slot : "span";
+    const { value, groupValue } = useSelectContext();
+    return /* @__PURE__ */ jsx(
+      Comp,
+      {
+        ref,
+        className: cn("group-disabled/trigger:text-muted-foreground", className),
+        ...props,
+        children: children(value, groupValue)
+      }
+    );
+  }
+);
+SelectValue.displayName = "SelectValue";
+
+export { SelectValue };
+//# sourceMappingURL=select-value.mjs.map
+//# sourceMappingURL=select-value.mjs.map

package/dist/common/interactive/select/select-value.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/common/interactive/select/select-value.tsx"],"names":[],"mappings":";;;;;;AAMA,MAAM,eAAA,GAAkB,CACtB,KAAA,EACA,CAAA,KAMG;AACH,EAAA,IAAI,CAAC,OAAO,MAAA,EAAQ;AACpB,EAAA,OAAO,KAAA,EAAO,GAAA,CAAI,CAAC,IAAA,KAAS,IAAA,EAAM,QAAQ,IAAA,EAAM,KAAK,CAAA,CAAE,IAAA,CAAK,IAAI,CAAA;AAClE,CAAA;AAEA,MAAM,cAAc,KAAA,CAAM,UAAA;AAAA,EACxB,CAAC,EAAE,SAAA,EAAW,OAAA,EAAS,WAAW,eAAA,EAAiB,GAAG,KAAA,EAAM,EAAG,GAAA,KAAQ;AACrE,IAAA,MAAM,IAAA,GAAO,UAAU,IAAA,GAAO,MAAA;AAC9B,IAAA,MAAM,EAAE,KAAA,EAAO,UAAA,EAAW,GAAI,gBAAA,EAAiB;AAC/C,IAAA,uBACE,GAAA;AAAA,MAAC,IAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,SAAA,EAAW,EAAA,CAAG,8CAAA,EAAgD,SAAS,CAAA;AAAA,QACtE,GAAG,KAAA;AAAA,QAEH,QAAA,EAAA,QAAA,CAAS,OAAO,UAAU;AAAA;AAAA,KAC7B;AAAA,EAEJ;AACF;AAEA,WAAA,CAAY,WAAA,GAAc,aAAA","file":"select-value.mjs","sourcesContent":["import { cn } from '@/lib/utils';\nimport { Slot } from '@radix-ui/react-slot';\nimport * as React from 'react';\nimport { useSelectContext } from './context';\nimport { Option, OptionGroup, SelectValueTextProps } from './types';\n\nconst defaultRenderer = (\n  value?: Option[],\n  _?:\n    | {\n        group?: OptionGroup<Option>[] | undefined;\n        child?: Option[] | undefined;\n      }\n    | undefined,\n) => {\n  if (!value?.length) return;\n  return value?.map((item) => item?.name || item?.value).join(', ');\n};\n\nconst SelectValue = React.forwardRef<HTMLSpanElement, SelectValueTextProps>(\n  ({ className, asChild, children = defaultRenderer, ...props }, ref) => {\n    const Comp = asChild ? Slot : 'span';\n    const { value, groupValue } = useSelectContext();\n    return (\n      <Comp\n        ref={ref}\n        className={cn('group-disabled/trigger:text-muted-foreground', className)}\n        {...props}\n      >\n        {children(value, groupValue)}\n      </Comp>\n    );\n  },\n);\n\nSelectValue.displayName = 'SelectValue';\n\nexport { SelectValue };\n"]}

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

@@ -0,0 +1,184 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var useDevice = require('@/hooks/useDevice');
+var reactUseControllableState = require('@radix-ui/react-use-controllable-state');
+var React = require('react');
+var popover = require('../../../components/popover');
+var sheet = require('../../../components/sheet');
+var helpers = require('../../../lib/helpers');
+var context = require('./context');
+var utils = require('./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);
+
+function Select({
+  defaultValue,
+  value: valueProps,
+  groupValue: groupValueProps,
+  onValueChange,
+  onGroupValueChange,
+  open,
+  label,
+  defaultOpen,
+  disabled,
+  onOpenChange,
+  children,
+  onApply: onApplyProp,
+  trackingData,
+  trackingIndex,
+  trackingName,
+  trackingGroupName,
+  trackingClearName,
+  trackingSelectName,
+  blockSendTracking,
+  keyForValue,
+  keyForName,
+  keyForGroupName,
+  sendIfUnCheck = true,
+  onClearValue
+}) {
+  const { isDesktop } = useDevice.useDevice();
+  const Comp = isDesktop ? popover.Popover : sheet.Sheet;
+  const [availableOptions, setAvailableOptions] = React__namespace.useState([]);
+  const normalizedDefaultValue = React__namespace.useMemo(() => {
+    const result = utils.normalizeToOptions(defaultValue, availableOptions);
+    return result;
+  }, [defaultValue, availableOptions]);
+  const normalizedValueProps = React__namespace.useMemo(() => {
+    const result = utils.normalizeToOptions(valueProps, availableOptions);
+    return result;
+  }, [valueProps, availableOptions]);
+  const [internalValue, setInternalValue] = React__namespace.useState(() => {
+    return normalizedDefaultValue || [];
+  });
+  const isControlled = valueProps !== void 0;
+  const value = isControlled ? normalizedValueProps : internalValue;
+  const setValue = React__namespace.useCallback(
+    (newValue) => {
+      const resolvedValue = typeof newValue === "function" ? newValue(value) : newValue;
+      setInternalValue(resolvedValue);
+      onValueChange?.(resolvedValue);
+    },
+    [value, onValueChange]
+  );
+  React__namespace.useEffect(() => {
+    if (normalizedDefaultValue && normalizedDefaultValue.length > 0) {
+      setInternalValue(normalizedDefaultValue);
+    }
+  }, [normalizedDefaultValue]);
+  const originalStringValues = React__namespace.useRef({ defaultValue, valueProps });
+  React__namespace.useEffect(() => {
+    originalStringValues.current = { defaultValue, valueProps };
+  }, [defaultValue, valueProps]);
+  const [groupValue, setGroupValue] = reactUseControllableState.useControllableState({
+    prop: { group: groupValueProps, child: normalizedValueProps },
+    defaultProp: { group: [], child: [] },
+    onChange: onGroupValueChange
+  });
+  const onApply = helpers.useCallbackRef(onApplyProp);
+  const onClearValueCallback = helpers.useCallbackRef(onClearValue);
+  const values = React__namespace.useMemo(
+    () => ({
+      disabled,
+      value,
+      groupValue,
+      setValue,
+      setGroupValue,
+      label,
+      onApply,
+      onClearValue: onClearValueCallback,
+      availableOptions,
+      setAvailableOptions
+    }),
+    [
+      disabled,
+      label,
+      onApply,
+      onClearValueCallback,
+      setValue,
+      value,
+      setGroupValue,
+      groupValue,
+      availableOptions,
+      setAvailableOptions
+    ]
+  );
+  const trackingState = React__namespace.useMemo(
+    () => ({
+      trackingData,
+      trackingIndex,
+      trackingName,
+      trackingGroupName,
+      trackingClearName,
+      trackingSelectName,
+      blockSendTracking,
+      keyForValue,
+      keyForName,
+      keyForGroupName,
+      sendIfUnCheck
+    }),
+    [
+      trackingData,
+      trackingIndex,
+      trackingName,
+      trackingGroupName,
+      trackingClearName,
+      trackingSelectName,
+      blockSendTracking,
+      keyForValue,
+      keyForName,
+      keyForGroupName,
+      sendIfUnCheck
+    ]
+  );
+  const handleOpenChange = (isOpen) => {
+    if (disabled && isOpen) {
+      return;
+    }
+    onOpenChange?.(isOpen);
+  };
+  try {
+    return /* @__PURE__ */ jsxRuntime.jsx(context.SelectContext.Provider, { value: values, children: /* @__PURE__ */ jsxRuntime.jsx(context.SelectTrackingContext.Provider, { value: trackingState, children: /* @__PURE__ */ jsxRuntime.jsx(
+      Comp,
+      {
+        modal: !isDesktop,
+        defaultOpen,
+        open: disabled ? false : open,
+        onOpenChange: handleOpenChange,
+        children
+      }
+    ) }) });
+  } catch (error) {
+    console.error("Select component error:", error);
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "border-destructive/50 bg-destructive/10 text-destructive rounded border p-4", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("p", { children: [
+        "Select component error: ",
+        error instanceof Error ? error.message : "Unknown error"
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx("p", { children: "Please check the component usage and ensure proper context wrapping." })
+    ] });
+  }
+}
+
+exports.Select = Select;
+//# sourceMappingURL=select.js.map
+//# sourceMappingURL=select.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/common/interactive/select/select.tsx"],"names":["useDevice","Popover","Sheet","React","normalizeToOptions","useControllableState","useCallbackRef","jsx","SelectContext","SelectTrackingContext","jsxs"],"mappings":"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","file":"select.js","sourcesContent":["'use client';\nimport { useDevice } from '@/hooks/useDevice';\nimport { useControllableState } from '@radix-ui/react-use-controllable-state';\nimport * as React from 'react';\nimport { Popover } from '../../../components/popover';\nimport { Sheet } from '../../../components/sheet';\nimport { useCallbackRef } from '../../../lib/helpers';\nimport { SelectContext, SelectTrackingContext } from './context';\nimport { Option, OptionGroup, SelectProps, SelectValueType } from './types';\nimport { normalizeToOptions } from './utils';\n\nfunction Select({\n  defaultValue,\n  value: valueProps,\n  groupValue: groupValueProps,\n  onValueChange,\n  onGroupValueChange,\n  open,\n  label,\n  defaultOpen,\n  disabled,\n  onOpenChange,\n  children,\n  onApply: onApplyProp,\n  trackingData,\n  trackingIndex,\n  trackingName,\n  trackingGroupName,\n  trackingClearName,\n  trackingSelectName,\n  blockSendTracking,\n  keyForValue,\n  keyForName,\n  keyForGroupName,\n  sendIfUnCheck = true,\n  onClearValue,\n}: SelectProps) {\n  const { isDesktop } = useDevice();\n\n  // Use appropriate component based on device and mount state\n  const Comp = isDesktop ? Popover : Sheet;\n\n  // State for available options to help with normalization\n  const [availableOptions, setAvailableOptions] = React.useState<Option[]>([]);\n\n  // Normalize values to Option[] format\n  const normalizedDefaultValue = React.useMemo(() => {\n    const result = normalizeToOptions(defaultValue, availableOptions);\n    return result;\n  }, [defaultValue, availableOptions]);\n\n  const normalizedValueProps = React.useMemo(() => {\n    const result = normalizeToOptions(valueProps, availableOptions);\n    return result;\n  }, [valueProps, availableOptions]);\n\n  // Use useState directly to avoid useControllableState issues\n  const [internalValue, setInternalValue] = React.useState<Option[]>(() => {\n    return normalizedDefaultValue || [];\n  });\n\n  // Handle controlled vs uncontrolled - check if component is controlled\n  const isControlled = valueProps !== undefined;\n  const value = isControlled ? normalizedValueProps : internalValue;\n\n  const setValue = React.useCallback(\n    (newValue: Option[] | ((prev: Option[]) => Option[])) => {\n      const resolvedValue = typeof newValue === 'function' ? newValue(value) : newValue;\n      setInternalValue(resolvedValue);\n      onValueChange?.(resolvedValue);\n    },\n    [value, onValueChange],\n  );\n\n  // Update internal value when normalizedDefaultValue changes (due to availableOptions)\n  React.useEffect(() => {\n    if (normalizedDefaultValue && normalizedDefaultValue.length > 0) {\n      setInternalValue(normalizedDefaultValue);\n    }\n  }, [normalizedDefaultValue]);\n\n  // Store original string values to re-normalize when options are available\n  const originalStringValues = React.useRef<{\n    defaultValue?: SelectValueType;\n    valueProps?: SelectValueType;\n  }>({ defaultValue, valueProps });\n\n  React.useEffect(() => {\n    originalStringValues.current = { defaultValue, valueProps };\n  }, [defaultValue, valueProps]);\n\n  // work around với các case 2 cấp select cần lấy cả cấp 1 và cấp 2\n  const [groupValue, setGroupValue] = useControllableState<{\n    group?: OptionGroup<Option>[];\n    child?: Option[];\n  }>({\n    prop: { group: groupValueProps, child: normalizedValueProps },\n    defaultProp: { group: [], child: [] },\n    onChange: onGroupValueChange,\n  });\n\n  const onApply = useCallbackRef(onApplyProp);\n  const onClearValueCallback = useCallbackRef(onClearValue);\n\n  const values = React.useMemo(\n    () => ({\n      disabled,\n      value: value,\n      groupValue: groupValue,\n      setValue,\n      setGroupValue,\n      label,\n      onApply,\n      onClearValue: onClearValueCallback,\n      availableOptions,\n      setAvailableOptions,\n    }),\n    [\n      disabled,\n      label,\n      onApply,\n      onClearValueCallback,\n      setValue,\n      value,\n      setGroupValue,\n      groupValue,\n      availableOptions,\n      setAvailableOptions,\n    ],\n  );\n\n  const trackingState = React.useMemo(\n    () => ({\n      trackingData,\n      trackingIndex,\n      trackingName,\n      trackingGroupName,\n      trackingClearName,\n      trackingSelectName,\n      blockSendTracking,\n      keyForValue,\n      keyForName,\n      keyForGroupName,\n      sendIfUnCheck,\n    }),\n    [\n      trackingData,\n      trackingIndex,\n      trackingName,\n      trackingGroupName,\n      trackingClearName,\n      trackingSelectName,\n      blockSendTracking,\n      keyForValue,\n      keyForName,\n      keyForGroupName,\n      sendIfUnCheck,\n    ],\n  );\n\n  // Chỉ cho phép mở khi không ở trạng thái disabled\n  const handleOpenChange = (isOpen: boolean) => {\n    // Nếu đang disabled và đang cố gắng mở dropdown, thì ngăn không cho mở\n    if (disabled && isOpen) {\n      return;\n    }\n    // Nếu không, gọi callback onOpenChange gốc\n    onOpenChange?.(isOpen);\n  };\n\n  // Wrap in error boundary to catch DialogTrigger errors\n  try {\n    return (\n      <SelectContext.Provider value={values}>\n        <SelectTrackingContext.Provider value={trackingState}>\n          <Comp\n            modal={!isDesktop}\n            defaultOpen={defaultOpen}\n            open={disabled ? false : open}\n            onOpenChange={handleOpenChange}\n          >\n            {children}\n          </Comp>\n        </SelectTrackingContext.Provider>\n      </SelectContext.Provider>\n    );\n  } catch (error) {\n    console.error('Select component error:', error);\n    return (\n      <div className=\"border-destructive/50 bg-destructive/10 text-destructive rounded border p-4\">\n        <p>Select component error: {error instanceof Error ? error.message : 'Unknown error'}</p>\n        <p>Please check the component usage and ensure proper context wrapping.</p>\n      </div>\n    );\n  }\n}\n\nexport { Select };\n"]}

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

@@ -0,0 +1,162 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { useDevice } from '@/hooks/useDevice';
+import { useControllableState } from '@radix-ui/react-use-controllable-state';
+import * as React from 'react';
+import { Popover } from '../../../components/popover';
+import { Sheet } from '../../../components/sheet';
+import { useCallbackRef } from '../../../lib/helpers';
+import { SelectContext, SelectTrackingContext } from './context';
+import { normalizeToOptions } from './utils';
+
+function Select({
+  defaultValue,
+  value: valueProps,
+  groupValue: groupValueProps,
+  onValueChange,
+  onGroupValueChange,
+  open,
+  label,
+  defaultOpen,
+  disabled,
+  onOpenChange,
+  children,
+  onApply: onApplyProp,
+  trackingData,
+  trackingIndex,
+  trackingName,
+  trackingGroupName,
+  trackingClearName,
+  trackingSelectName,
+  blockSendTracking,
+  keyForValue,
+  keyForName,
+  keyForGroupName,
+  sendIfUnCheck = true,
+  onClearValue
+}) {
+  const { isDesktop } = useDevice();
+  const Comp = isDesktop ? Popover : Sheet;
+  const [availableOptions, setAvailableOptions] = React.useState([]);
+  const normalizedDefaultValue = React.useMemo(() => {
+    const result = normalizeToOptions(defaultValue, availableOptions);
+    return result;
+  }, [defaultValue, availableOptions]);
+  const normalizedValueProps = React.useMemo(() => {
+    const result = normalizeToOptions(valueProps, availableOptions);
+    return result;
+  }, [valueProps, availableOptions]);
+  const [internalValue, setInternalValue] = React.useState(() => {
+    return normalizedDefaultValue || [];
+  });
+  const isControlled = valueProps !== void 0;
+  const value = isControlled ? normalizedValueProps : internalValue;
+  const setValue = React.useCallback(
+    (newValue) => {
+      const resolvedValue = typeof newValue === "function" ? newValue(value) : newValue;
+      setInternalValue(resolvedValue);
+      onValueChange?.(resolvedValue);
+    },
+    [value, onValueChange]
+  );
+  React.useEffect(() => {
+    if (normalizedDefaultValue && normalizedDefaultValue.length > 0) {
+      setInternalValue(normalizedDefaultValue);
+    }
+  }, [normalizedDefaultValue]);
+  const originalStringValues = React.useRef({ defaultValue, valueProps });
+  React.useEffect(() => {
+    originalStringValues.current = { defaultValue, valueProps };
+  }, [defaultValue, valueProps]);
+  const [groupValue, setGroupValue] = useControllableState({
+    prop: { group: groupValueProps, child: normalizedValueProps },
+    defaultProp: { group: [], child: [] },
+    onChange: onGroupValueChange
+  });
+  const onApply = useCallbackRef(onApplyProp);
+  const onClearValueCallback = useCallbackRef(onClearValue);
+  const values = React.useMemo(
+    () => ({
+      disabled,
+      value,
+      groupValue,
+      setValue,
+      setGroupValue,
+      label,
+      onApply,
+      onClearValue: onClearValueCallback,
+      availableOptions,
+      setAvailableOptions
+    }),
+    [
+      disabled,
+      label,
+      onApply,
+      onClearValueCallback,
+      setValue,
+      value,
+      setGroupValue,
+      groupValue,
+      availableOptions,
+      setAvailableOptions
+    ]
+  );
+  const trackingState = React.useMemo(
+    () => ({
+      trackingData,
+      trackingIndex,
+      trackingName,
+      trackingGroupName,
+      trackingClearName,
+      trackingSelectName,
+      blockSendTracking,
+      keyForValue,
+      keyForName,
+      keyForGroupName,
+      sendIfUnCheck
+    }),
+    [
+      trackingData,
+      trackingIndex,
+      trackingName,
+      trackingGroupName,
+      trackingClearName,
+      trackingSelectName,
+      blockSendTracking,
+      keyForValue,
+      keyForName,
+      keyForGroupName,
+      sendIfUnCheck
+    ]
+  );
+  const handleOpenChange = (isOpen) => {
+    if (disabled && isOpen) {
+      return;
+    }
+    onOpenChange?.(isOpen);
+  };
+  try {
+    return /* @__PURE__ */ jsx(SelectContext.Provider, { value: values, children: /* @__PURE__ */ jsx(SelectTrackingContext.Provider, { value: trackingState, children: /* @__PURE__ */ jsx(
+      Comp,
+      {
+        modal: !isDesktop,
+        defaultOpen,
+        open: disabled ? false : open,
+        onOpenChange: handleOpenChange,
+        children
+      }
+    ) }) });
+  } catch (error) {
+    console.error("Select component error:", error);
+    return /* @__PURE__ */ jsxs("div", { className: "border-destructive/50 bg-destructive/10 text-destructive rounded border p-4", children: [
+      /* @__PURE__ */ jsxs("p", { children: [
+        "Select component error: ",
+        error instanceof Error ? error.message : "Unknown error"
+      ] }),
+      /* @__PURE__ */ jsx("p", { children: "Please check the component usage and ensure proper context wrapping." })
+    ] });
+  }
+}
+
+export { Select };
+//# sourceMappingURL=select.mjs.map
+//# sourceMappingURL=select.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/common/interactive/select/select.tsx"],"names":[],"mappings":"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","file":"select.mjs","sourcesContent":["'use client';\nimport { useDevice } from '@/hooks/useDevice';\nimport { useControllableState } from '@radix-ui/react-use-controllable-state';\nimport * as React from 'react';\nimport { Popover } from '../../../components/popover';\nimport { Sheet } from '../../../components/sheet';\nimport { useCallbackRef } from '../../../lib/helpers';\nimport { SelectContext, SelectTrackingContext } from './context';\nimport { Option, OptionGroup, SelectProps, SelectValueType } from './types';\nimport { normalizeToOptions } from './utils';\n\nfunction Select({\n  defaultValue,\n  value: valueProps,\n  groupValue: groupValueProps,\n  onValueChange,\n  onGroupValueChange,\n  open,\n  label,\n  defaultOpen,\n  disabled,\n  onOpenChange,\n  children,\n  onApply: onApplyProp,\n  trackingData,\n  trackingIndex,\n  trackingName,\n  trackingGroupName,\n  trackingClearName,\n  trackingSelectName,\n  blockSendTracking,\n  keyForValue,\n  keyForName,\n  keyForGroupName,\n  sendIfUnCheck = true,\n  onClearValue,\n}: SelectProps) {\n  const { isDesktop } = useDevice();\n\n  // Use appropriate component based on device and mount state\n  const Comp = isDesktop ? Popover : Sheet;\n\n  // State for available options to help with normalization\n  const [availableOptions, setAvailableOptions] = React.useState<Option[]>([]);\n\n  // Normalize values to Option[] format\n  const normalizedDefaultValue = React.useMemo(() => {\n    const result = normalizeToOptions(defaultValue, availableOptions);\n    return result;\n  }, [defaultValue, availableOptions]);\n\n  const normalizedValueProps = React.useMemo(() => {\n    const result = normalizeToOptions(valueProps, availableOptions);\n    return result;\n  }, [valueProps, availableOptions]);\n\n  // Use useState directly to avoid useControllableState issues\n  const [internalValue, setInternalValue] = React.useState<Option[]>(() => {\n    return normalizedDefaultValue || [];\n  });\n\n  // Handle controlled vs uncontrolled - check if component is controlled\n  const isControlled = valueProps !== undefined;\n  const value = isControlled ? normalizedValueProps : internalValue;\n\n  const setValue = React.useCallback(\n    (newValue: Option[] | ((prev: Option[]) => Option[])) => {\n      const resolvedValue = typeof newValue === 'function' ? newValue(value) : newValue;\n      setInternalValue(resolvedValue);\n      onValueChange?.(resolvedValue);\n    },\n    [value, onValueChange],\n  );\n\n  // Update internal value when normalizedDefaultValue changes (due to availableOptions)\n  React.useEffect(() => {\n    if (normalizedDefaultValue && normalizedDefaultValue.length > 0) {\n      setInternalValue(normalizedDefaultValue);\n    }\n  }, [normalizedDefaultValue]);\n\n  // Store original string values to re-normalize when options are available\n  const originalStringValues = React.useRef<{\n    defaultValue?: SelectValueType;\n    valueProps?: SelectValueType;\n  }>({ defaultValue, valueProps });\n\n  React.useEffect(() => {\n    originalStringValues.current = { defaultValue, valueProps };\n  }, [defaultValue, valueProps]);\n\n  // work around với các case 2 cấp select cần lấy cả cấp 1 và cấp 2\n  const [groupValue, setGroupValue] = useControllableState<{\n    group?: OptionGroup<Option>[];\n    child?: Option[];\n  }>({\n    prop: { group: groupValueProps, child: normalizedValueProps },\n    defaultProp: { group: [], child: [] },\n    onChange: onGroupValueChange,\n  });\n\n  const onApply = useCallbackRef(onApplyProp);\n  const onClearValueCallback = useCallbackRef(onClearValue);\n\n  const values = React.useMemo(\n    () => ({\n      disabled,\n      value: value,\n      groupValue: groupValue,\n      setValue,\n      setGroupValue,\n      label,\n      onApply,\n      onClearValue: onClearValueCallback,\n      availableOptions,\n      setAvailableOptions,\n    }),\n    [\n      disabled,\n      label,\n      onApply,\n      onClearValueCallback,\n      setValue,\n      value,\n      setGroupValue,\n      groupValue,\n      availableOptions,\n      setAvailableOptions,\n    ],\n  );\n\n  const trackingState = React.useMemo(\n    () => ({\n      trackingData,\n      trackingIndex,\n      trackingName,\n      trackingGroupName,\n      trackingClearName,\n      trackingSelectName,\n      blockSendTracking,\n      keyForValue,\n      keyForName,\n      keyForGroupName,\n      sendIfUnCheck,\n    }),\n    [\n      trackingData,\n      trackingIndex,\n      trackingName,\n      trackingGroupName,\n      trackingClearName,\n      trackingSelectName,\n      blockSendTracking,\n      keyForValue,\n      keyForName,\n      keyForGroupName,\n      sendIfUnCheck,\n    ],\n  );\n\n  // Chỉ cho phép mở khi không ở trạng thái disabled\n  const handleOpenChange = (isOpen: boolean) => {\n    // Nếu đang disabled và đang cố gắng mở dropdown, thì ngăn không cho mở\n    if (disabled && isOpen) {\n      return;\n    }\n    // Nếu không, gọi callback onOpenChange gốc\n    onOpenChange?.(isOpen);\n  };\n\n  // Wrap in error boundary to catch DialogTrigger errors\n  try {\n    return (\n      <SelectContext.Provider value={values}>\n        <SelectTrackingContext.Provider value={trackingState}>\n          <Comp\n            modal={!isDesktop}\n            defaultOpen={defaultOpen}\n            open={disabled ? false : open}\n            onOpenChange={handleOpenChange}\n          >\n            {children}\n          </Comp>\n        </SelectTrackingContext.Provider>\n      </SelectContext.Provider>\n    );\n  } catch (error) {\n    console.error('Select component error:', error);\n    return (\n      <div className=\"border-destructive/50 bg-destructive/10 text-destructive rounded border p-4\">\n        <p>Select component error: {error instanceof Error ? error.message : 'Unknown error'}</p>\n        <p>Please check the component usage and ensure proper context wrapping.</p>\n      </div>\n    );\n  }\n}\n\nexport { Select };\n"]}

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

@@ -0,0 +1,4 @@
+'use strict';
+
+//# sourceMappingURL=types.js.map
+//# sourceMappingURL=types.js.map

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

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

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

@@ -0,0 +1,3 @@
+
+//# sourceMappingURL=types.mjs.map
+//# sourceMappingURL=types.mjs.map

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

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

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

@@ -0,0 +1,31 @@
+'use strict';
+
+const removeDiacritics = (str) => {
+  return str.normalize("NFD").replace(/[\u0300-\u036f]/g, "").replace(/đ/g, "d").replace(/Đ/g, "D");
+};
+const normalizeToOptions = (value, availableOptions = []) => {
+  if (!value) return [];
+  if (typeof value === "string") {
+    const found = availableOptions.find((opt) => opt.value === value);
+    const result = found ? [found] : [{ value, name: value }];
+    return result;
+  }
+  if (Array.isArray(value)) {
+    if (value.length === 0) return [];
+    if (value.length > 0 && typeof value[0] === "object" && "value" in value[0]) {
+      return value;
+    }
+    const stringValues = value;
+    return stringValues.map((stringValue) => {
+      const found = availableOptions.find((opt) => opt.value === stringValue);
+      if (found) return found;
+      return { value: stringValue, name: stringValue };
+    }).filter(Boolean);
+  }
+  return [];
+};
+
+exports.normalizeToOptions = normalizeToOptions;
+exports.removeDiacritics = removeDiacritics;
+//# sourceMappingURL=utils.js.map
+//# sourceMappingURL=utils.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/common/interactive/select/utils.ts"],"names":[],"mappings":";;AAMO,MAAM,gBAAA,GAAmB,CAAC,GAAA,KAAwB;AACvD,EAAA,OAAO,GAAA,CACJ,SAAA,CAAU,KAAK,CAAA,CACf,QAAQ,kBAAA,EAAoB,EAAE,CAAA,CAC9B,OAAA,CAAQ,IAAA,EAAM,GAAG,CAAA,CACjB,OAAA,CAAQ,MAAM,GAAG,CAAA;AACtB;AAGO,MAAM,kBAAA,GAAqB,CAChC,KAAA,EACA,gBAAA,GAA6B,EAAC,KACjB;AACb,EAAA,IAAI,CAAC,KAAA,EAAO,OAAO,EAAC;AAGpB,EAAA,IAAI,OAAO,UAAU,QAAA,EAAU;AAC7B,IAAA,MAAM,QAAQ,gBAAA,CAAiB,IAAA,CAAK,CAAC,GAAA,KAAQ,GAAA,CAAI,UAAU,KAAK,CAAA;AAChE,IAAA,MAAM,MAAA,GAAS,KAAA,GAAQ,CAAC,KAAK,CAAA,GAAI,CAAC,EAAE,KAAA,EAAc,IAAA,EAAM,KAAA,EAAO,CAAA;AAC/D,IAAA,OAAO,MAAA;AAAA,EACT;AAGA,EAAA,IAAI,KAAA,CAAM,OAAA,CAAQ,KAAK,CAAA,EAAG;AACxB,IAAA,IAAI,KAAA,CAAM,MAAA,KAAW,CAAA,EAAG,OAAO,EAAC;AAGhC,IAAA,IAAI,KAAA,CAAM,MAAA,GAAS,CAAA,IAAK,OAAO,KAAA,CAAM,CAAC,CAAA,KAAM,QAAA,IAAY,OAAA,IAAW,KAAA,CAAM,CAAC,CAAA,EAAG;AAC3E,MAAA,OAAO,KAAA;AAAA,IACT;AAGA,IAAA,MAAM,YAAA,GAAe,KAAA;AACrB,IAAA,OAAO,YAAA,CACJ,GAAA,CAAI,CAAC,WAAA,KAAgB;AAEpB,MAAA,MAAM,QAAQ,gBAAA,CAAiB,IAAA,CAAK,CAAC,GAAA,KAAQ,GAAA,CAAI,UAAU,WAAW,CAAA;AACtE,MAAA,IAAI,OAAO,OAAO,KAAA;AAGlB,MAAA,OAAO,EAAE,KAAA,EAAO,WAAA,EAAa,IAAA,EAAM,WAAA,EAAY;AAAA,IACjD,CAAC,CAAA,CACA,MAAA,CAAO,OAAO,CAAA;AAAA,EACnB;AAEA,EAAA,OAAO,EAAC;AACV","file":"utils.js","sourcesContent":["import { Option, SelectValueType } from './types';\n\n/**\n * Remove Vietnamese diacritics from string for search purposes\n * Example: \"Hà Nội\" -> \"Ha Noi\"\n */\nexport const removeDiacritics = (str: string): string => {\n  return str\n    .normalize('NFD')\n    .replace(/[\\u0300-\\u036f]/g, '')\n    .replace(/đ/g, 'd')\n    .replace(/Đ/g, 'D');\n};\n\n// Helper functions to normalize values\nexport const normalizeToOptions = (\n  value: SelectValueType | undefined,\n  availableOptions: Option[] = [],\n): Option[] => {\n  if (!value) return [];\n\n  // Handle single string value\n  if (typeof value === 'string') {\n    const found = availableOptions.find((opt) => opt.value === value);\n    const result = found ? [found] : [{ value: value, name: value }];\n    return result;\n  }\n\n  // Handle array values\n  if (Array.isArray(value)) {\n    if (value.length === 0) return [];\n\n    // If already Option[], return as is\n    if (value.length > 0 && typeof value[0] === 'object' && 'value' in value[0]) {\n      return value as Option[];\n    }\n\n    // If string[], convert to Option[] by finding matching options\n    const stringValues = value as string[];\n    return stringValues\n      .map((stringValue) => {\n        // First try to find exact match in available options\n        const found = availableOptions.find((opt) => opt.value === stringValue);\n        if (found) return found;\n\n        // If not found, create minimal Option object\n        return { value: stringValue, name: stringValue };\n      })\n      .filter(Boolean);\n  }\n\n  return [];\n};\n"]}

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

@@ -0,0 +1,28 @@
+const removeDiacritics = (str) => {
+  return str.normalize("NFD").replace(/[\u0300-\u036f]/g, "").replace(/đ/g, "d").replace(/Đ/g, "D");
+};
+const normalizeToOptions = (value, availableOptions = []) => {
+  if (!value) return [];
+  if (typeof value === "string") {
+    const found = availableOptions.find((opt) => opt.value === value);
+    const result = found ? [found] : [{ value, name: value }];
+    return result;
+  }
+  if (Array.isArray(value)) {
+    if (value.length === 0) return [];
+    if (value.length > 0 && typeof value[0] === "object" && "value" in value[0]) {
+      return value;
+    }
+    const stringValues = value;
+    return stringValues.map((stringValue) => {
+      const found = availableOptions.find((opt) => opt.value === stringValue);
+      if (found) return found;
+      return { value: stringValue, name: stringValue };
+    }).filter(Boolean);
+  }
+  return [];
+};
+
+export { normalizeToOptions, removeDiacritics };
+//# sourceMappingURL=utils.mjs.map
+//# sourceMappingURL=utils.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/common/interactive/select/utils.ts"],"names":[],"mappings":"AAMO,MAAM,gBAAA,GAAmB,CAAC,GAAA,KAAwB;AACvD,EAAA,OAAO,GAAA,CACJ,SAAA,CAAU,KAAK,CAAA,CACf,QAAQ,kBAAA,EAAoB,EAAE,CAAA,CAC9B,OAAA,CAAQ,IAAA,EAAM,GAAG,CAAA,CACjB,OAAA,CAAQ,MAAM,GAAG,CAAA;AACtB;AAGO,MAAM,kBAAA,GAAqB,CAChC,KAAA,EACA,gBAAA,GAA6B,EAAC,KACjB;AACb,EAAA,IAAI,CAAC,KAAA,EAAO,OAAO,EAAC;AAGpB,EAAA,IAAI,OAAO,UAAU,QAAA,EAAU;AAC7B,IAAA,MAAM,QAAQ,gBAAA,CAAiB,IAAA,CAAK,CAAC,GAAA,KAAQ,GAAA,CAAI,UAAU,KAAK,CAAA;AAChE,IAAA,MAAM,MAAA,GAAS,KAAA,GAAQ,CAAC,KAAK,CAAA,GAAI,CAAC,EAAE,KAAA,EAAc,IAAA,EAAM,KAAA,EAAO,CAAA;AAC/D,IAAA,OAAO,MAAA;AAAA,EACT;AAGA,EAAA,IAAI,KAAA,CAAM,OAAA,CAAQ,KAAK,CAAA,EAAG;AACxB,IAAA,IAAI,KAAA,CAAM,MAAA,KAAW,CAAA,EAAG,OAAO,EAAC;AAGhC,IAAA,IAAI,KAAA,CAAM,MAAA,GAAS,CAAA,IAAK,OAAO,KAAA,CAAM,CAAC,CAAA,KAAM,QAAA,IAAY,OAAA,IAAW,KAAA,CAAM,CAAC,CAAA,EAAG;AAC3E,MAAA,OAAO,KAAA;AAAA,IACT;AAGA,IAAA,MAAM,YAAA,GAAe,KAAA;AACrB,IAAA,OAAO,YAAA,CACJ,GAAA,CAAI,CAAC,WAAA,KAAgB;AAEpB,MAAA,MAAM,QAAQ,gBAAA,CAAiB,IAAA,CAAK,CAAC,GAAA,KAAQ,GAAA,CAAI,UAAU,WAAW,CAAA;AACtE,MAAA,IAAI,OAAO,OAAO,KAAA;AAGlB,MAAA,OAAO,EAAE,KAAA,EAAO,WAAA,EAAa,IAAA,EAAM,WAAA,EAAY;AAAA,IACjD,CAAC,CAAA,CACA,MAAA,CAAO,OAAO,CAAA;AAAA,EACnB;AAEA,EAAA,OAAO,EAAC;AACV","file":"utils.mjs","sourcesContent":["import { Option, SelectValueType } from './types';\n\n/**\n * Remove Vietnamese diacritics from string for search purposes\n * Example: \"Hà Nội\" -> \"Ha Noi\"\n */\nexport const removeDiacritics = (str: string): string => {\n  return str\n    .normalize('NFD')\n    .replace(/[\\u0300-\\u036f]/g, '')\n    .replace(/đ/g, 'd')\n    .replace(/Đ/g, 'D');\n};\n\n// Helper functions to normalize values\nexport const normalizeToOptions = (\n  value: SelectValueType | undefined,\n  availableOptions: Option[] = [],\n): Option[] => {\n  if (!value) return [];\n\n  // Handle single string value\n  if (typeof value === 'string') {\n    const found = availableOptions.find((opt) => opt.value === value);\n    const result = found ? [found] : [{ value: value, name: value }];\n    return result;\n  }\n\n  // Handle array values\n  if (Array.isArray(value)) {\n    if (value.length === 0) return [];\n\n    // If already Option[], return as is\n    if (value.length > 0 && typeof value[0] === 'object' && 'value' in value[0]) {\n      return value as Option[];\n    }\n\n    // If string[], convert to Option[] by finding matching options\n    const stringValues = value as string[];\n    return stringValues\n      .map((stringValue) => {\n        // First try to find exact match in available options\n        const found = availableOptions.find((opt) => opt.value === stringValue);\n        if (found) return found;\n\n        // If not found, create minimal Option object\n        return { value: stringValue, name: stringValue };\n      })\n      .filter(Boolean);\n  }\n\n  return [];\n};\n"]}