shad-m 1.0.0

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.d.ts

@@ -0,0 +1,213 @@
+import { TrackingPropsType } from '@/lib/types';
+import * as React from 'react';
+export interface Option {
+    name?: string;
+    value: string;
+    description?: string;
+    isMultiple?: boolean;
+    disable?: boolean;
+    parentValue?: string;
+    metadata?: Record<string, any>;
+}
+export interface OptionGroup<T extends Option> {
+    name: string;
+    value?: string;
+    options: T[];
+}
+export interface SelectTrackingContextState extends TrackingPropsType {
+    trackingGroupName?: string;
+    trackingClearName?: string;
+    trackingSelectName?: string;
+    keyForValue?: string;
+    keyForName?: string;
+    keyForGroupName?: string;
+    sendIfUnCheck?: boolean;
+}
+export type SelectValueType = Option[] | string[] | string;
+export interface SelectProps extends SelectTrackingContextState {
+    defaultValue?: SelectValueType;
+    value?: SelectValueType;
+    groupValue?: OptionGroup<Option>[];
+    disabled?: boolean;
+    label?: string;
+    onValueChange?: (value: Option[]) => void;
+    onGroupValueChange?: (state: {
+        group?: OptionGroup<Option>[] | undefined;
+        child?: Option[] | undefined;
+    }) => void;
+    children: React.ReactNode;
+    defaultOpen?: boolean;
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    onApply?: (value?: Option[]) => void;
+    /**
+     * Callback when clear button is clicked (remove icon or cancel button)
+     */
+    onClearValue?: () => void;
+}
+export interface SelectState {
+    value?: Option[];
+    setValue?: (nextValue: Option[] | ((prev?: Option[]) => Option[])) => void;
+    groupValue?: {
+        group?: OptionGroup<Option>[] | undefined;
+        child?: Option[] | undefined;
+    } | undefined;
+    setGroupValue?: (nextValue: {
+        group?: OptionGroup<Option>[] | undefined;
+        child?: Option[] | undefined;
+    } | ((prev?: {
+        group?: OptionGroup<Option>[] | undefined;
+        child?: Option[] | undefined;
+    }) => {
+        group?: OptionGroup<Option>[] | undefined;
+        child?: Option[] | undefined;
+    })) => void;
+    disabled?: boolean;
+    label?: string;
+    onApply?: (value?: Option[]) => void;
+    onClearValue?: () => void;
+    availableOptions?: Option[];
+    setAvailableOptions?: (options: Option[]) => void;
+}
+export interface SelectTriggerProps extends Omit<React.HTMLAttributes<HTMLButtonElement>, 'disabled'>, TrackingPropsType {
+    isError?: boolean;
+    errorText?: string;
+    helpText?: string;
+    errorTextClassName?: string;
+    helpTextClassName?: string;
+    asChild?: boolean;
+    isCustomMode?: boolean;
+    icon?: React.ReactNode;
+    hasRemoveIcon?: boolean;
+    placeholder?: string;
+    inputClassName?: string;
+    buttonIconClassName?: string;
+    classButton?: string;
+    classLabel?: string;
+    addonBefore?: React.ReactNode;
+    addonAfter?: React.ReactNode;
+    size?: 'default' | 'lg';
+    label?: string;
+    isRequired?: boolean;
+    disabled?: boolean;
+    enableFloatingLabel?: boolean;
+}
+export interface SelectInputTriggerProps extends TrackingPropsType {
+    asChild?: boolean;
+    icon?: React.ReactNode;
+    hasRemoveIcon?: boolean;
+    children?: React.ReactNode;
+    /**
+     * Enable floating label behavior (default: true)
+     * When true: label floats above input when value is selected
+     * When false: label acts as placeholder only
+     */
+    enableFloatingLabel?: boolean;
+    className?: string;
+    label?: string;
+    isRequired?: boolean;
+    disabled?: boolean;
+    isError?: boolean;
+    placeholder?: string;
+    inputClassName?: string;
+    buttonIconClassName?: string;
+    classButton?: string;
+    classLabel?: string;
+    addonBefore?: React.ReactNode;
+    addonAfter?: React.ReactNode;
+    trackingInputName?: string;
+    autoFocus?: boolean;
+    maxLength?: number;
+    readOnly?: boolean;
+    type?: string;
+    pattern?: string;
+    inputMode?: 'none' | 'text' | 'tel' | 'url' | 'email' | 'numeric' | 'decimal' | 'search';
+    name?: string;
+    style?: React.CSSProperties;
+    helpText?: string;
+    errorText?: string;
+    helpTextClassName?: string;
+    errorTextClassName?: string;
+    size?: 'default' | 'lg';
+}
+export interface SelectValueTextProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, 'children'> {
+    asChild?: boolean;
+    children?: (value?: Option[]) => React.ReactNode;
+}
+export interface SelectBodyProps extends React.HTMLAttributes<HTMLDivElement> {
+    asChild?: boolean;
+    side?: 'top' | 'right' | 'bottom' | 'left';
+    align?: 'start' | 'center' | 'end';
+    alignOffset?: number;
+    sideOffset?: number;
+}
+export interface SelectGroupProps extends React.HTMLAttributes<HTMLDivElement> {
+    title: string;
+}
+export interface SelectItemBaseProps extends React.HTMLAttributes<HTMLDivElement> {
+    multiple?: boolean;
+    closeAfterClick?: boolean;
+    isChecked?: boolean;
+    rightIcon?: React.ReactNode;
+    option: Option;
+    group?: OptionGroup<Option>;
+    disabled?: boolean;
+}
+export interface SelectItemProps extends SelectItemBaseProps {
+    option: Option;
+    group?: OptionGroup<Option>;
+}
+export interface SelectFooterProps extends React.HTMLAttributes<HTMLDivElement> {
+    closeAfterClear?: boolean;
+    cancelTracking?: TrackingPropsType;
+    applyTracking?: TrackingPropsType;
+}
+export interface SelectEmptyStateProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> {
+    emptyText?: string;
+    emptyImg?: React.ReactNode;
+}
+export interface SelectContentProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'title'>, Pick<SelectFooterProps, 'cancelTracking' | 'applyTracking' | 'closeAfterClear'> {
+    searchElm?: React.ReactNode;
+    additionalContent?: React.ReactNode;
+    hasFooter?: boolean;
+    title?: React.ReactNode;
+    loading?: boolean;
+    footerClassName?: string;
+    backIcon?: boolean;
+    onBack?: () => void;
+}
+export type ItemContentRendererType<T extends Option> = (params: {
+    multiple?: boolean;
+    option: T;
+}) => React.ReactNode;
+export interface SelectContentAutoLayoutProps<T extends Option> extends Omit<SelectContentProps, 'children' | 'searchElm' | 'hasFooter'> {
+    hasSearch?: boolean;
+    searchGroup?: boolean;
+    autoSearch?: boolean;
+    multiple?: boolean;
+    options: T[];
+    isLoading?: boolean;
+    searchPlaceholder?: string;
+    itemContentRenderer?: ItemContentRendererType<T>;
+    trackingSearchName?: string;
+    trackingSearchData?: Record<string, any>;
+    onSearchChange?: (query: string) => void;
+    additionalContent?: React.ReactNode;
+    closeAfterClear?: boolean;
+}
+export type ItemContentGroupRenderer<T extends Option> = (params: {
+    multiple?: boolean;
+    option: T;
+    inGroupCheckbox?: boolean;
+    group?: OptionGroup<Option>;
+}) => React.ReactNode;
+export interface SelectContentGroupAutoLayoutProps<T extends Option> extends Omit<SelectContentAutoLayoutProps<T>, 'options'> {
+    options: OptionGroup<T>[];
+    isGroupCheckbox?: boolean;
+    classNameTitle?: string | undefined;
+}
+type SelectVirtuasoContextType = {
+    searchKeyword: string;
+};
+export type { SelectVirtuasoContextType };
+//# sourceMappingURL=types.d.ts.map

package/dist/common/interactive/select/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/common/interactive/select/types.ts"],"names":[],"mappings":"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"}

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.d.ts

@@ -0,0 +1,8 @@
+import { Option, SelectValueType } from './types';
+/**
+ * Remove Vietnamese diacritics from string for search purposes
+ * Example: "Hà Nội" -> "Ha Noi"
+ */
+export declare const removeDiacritics: (str: string) => string;
+export declare const normalizeToOptions: (value: SelectValueType | undefined, availableOptions?: Option[]) => Option[];
+//# sourceMappingURL=utils.d.ts.map

package/dist/common/interactive/select/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../src/common/interactive/select/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAElD;;;GAGG;AACH,eAAO,MAAM,gBAAgB,GAAI,KAAK,MAAM,KAAG,MAM9C,CAAC;AAGF,eAAO,MAAM,kBAAkB,GAC7B,OAAO,eAAe,GAAG,SAAS,EAClC,mBAAkB,MAAM,EAAO,KAC9B,MAAM,EAkCR,CAAC"}