npm - @d4gger/design-system - Versions diffs - 3.0.0 → 4.0.0 - Mend

@d4gger/design-system 3.0.0 → 4.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (772) hide show

package/dist/components/phoneInput/PhoneInput.cjs.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/phoneInput/PhoneInput.tsx"],
-  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport classNames from 'classnames'\nimport { Slot } from '@radix-ui/react-slot'\nimport { ChevronDown } from 'lucide-react'\nimport PhoneInputInput, { getCountries, getCountryCallingCode, parsePhoneNumber } from 'react-phone-number-input/input'\n\nimport { extractProps } from '../../_internal/helpers/extractProps'\nimport { phoneInputPropDefs } from './phoneInput.props'\nimport { Label } from '../label/Label'\nimport { Text } from '../text/Text'\n\nimport type { Country as CountryCode, Value } from 'react-phone-number-input/input'\nimport type { GetPropDefTypes } from '../../_internal/props/propDef'\n\ntype PhoneInputElement = React.ComponentRef<'div'>\ntype PhoneInputOwnProps = GetPropDefTypes<typeof phoneInputPropDefs> & {\n  id?: string\n  label?: string\n  helperText?: string\n  errorText?: string\n  value?: string\n  defaultValue?: string\n  defaultCountry?: CountryCode\n  countries?: readonly CountryCode[]\n  placeholder?: string\n  disabled?: boolean\n  onChange?: (value: string | undefined) => void\n  invalid?: boolean\n}\n\ninterface PhoneInputProps extends Omit<React.ComponentPropsWithoutRef<'div'>, 'defaultValue' | 'onChange'>, PhoneInputOwnProps {}\n\nfunction countryLabel(country: CountryCode) {\n  try {\n    const region = new Intl.DisplayNames(['en'], { type: 'region' }).of(country)\n    return `${region} (+${getCountryCallingCode(country)})`\n  } catch {\n    return `${country} (+${getCountryCallingCode(country)})`\n  }\n}\n\nfunction detectCountry(value: string | undefined, fallback: CountryCode): CountryCode {\n  if (!value) return fallback\n  try {\n    const parsed = parsePhoneNumber(value)\n    if (parsed?.country) return parsed.country\n  } catch {\n  }\n  return fallback\n}\n\ntype NationalInputProps = React.ComponentPropsWithoutRef<'input'>\n\nconst NationalInput = React.forwardRef<HTMLInputElement, NationalInputProps>(\n  ({ className, ...props }, forwardedRef) => (\n    <input\n      {...props}\n      ref={forwardedRef}\n      type=\"tel\"\n      autoComplete=\"tel\"\n      inputMode=\"tel\"\n      className={classNames('dsx-phone-input__input', className)}\n    />\n  ),\n)\nNationalInput.displayName = 'PhoneInputNationalInput'\n\nconst PhoneInput = React.forwardRef<PhoneInputElement, PhoneInputProps>((props, forwardedRef) => {\n  const {\n    asChild,\n    className,\n    countries,\n    defaultCountry = 'US',\n    defaultValue,\n    density = 'md',\n    disabled = false,\n    errorText,\n    helperText,\n    id,\n    invalid = false,\n    label,\n    onChange,\n    placeholder,\n    value: controlledValue,\n    variant = 'surface',\n    ...phoneInputProps\n  } = extractProps(props, phoneInputPropDefs)\n\n  const countryOptions = React.useMemo(\n    () => [...(countries ?? getCountries())].sort((a, b) => countryLabel(a).localeCompare(countryLabel(b))),\n    [countries],\n  )\n\n  const [uncontrolledValue, setUncontrolledValue] = React.useState<string | undefined>(defaultValue)\n  const isControlled = controlledValue !== undefined\n  const value = (isControlled ? controlledValue : uncontrolledValue) as Value\n\n  const [country, setCountry] = React.useState<CountryCode>(() => detectCountry(defaultValue, defaultCountry))\n  const [countryOpen, setCountryOpen] = React.useState(false)\n  const [countryFilter, setCountryFilter] = React.useState('')\n  const countryListRef = React.useRef<HTMLDivElement>(null)\n\n  React.useEffect(() => {\n    if (controlledValue !== undefined) {\n      setCountry(detectCountry(controlledValue, defaultCountry))\n    }\n  }, [controlledValue, defaultCountry])\n\n  React.useEffect(() => {\n    if (!countryOpen) return undefined\n    const onPointerDown = (event: PointerEvent) => {\n      if (countryListRef.current && !countryListRef.current.contains(event.target as Node)) {\n        setCountryOpen(false)\n      }\n    }\n    document.addEventListener('pointerdown', onPointerDown)\n    return () => document.removeEventListener('pointerdown', onPointerDown)\n  }, [countryOpen])\n\n  const setValue = React.useCallback((nextValue: string | undefined) => {\n    if (!isControlled) {\n      setUncontrolledValue(nextValue)\n    }\n    if (nextValue) {\n      try {\n        const parsed = parsePhoneNumber(nextValue)\n        if (parsed?.country && parsed.country !== country && countryOptions.includes(parsed.country)) {\n          setCountry(parsed.country)\n        }\n      } catch {\n      }\n    }\n    onChange?.(nextValue)\n  }, [country, countryOptions, isControlled, onChange])\n\n  const filteredCountries = React.useMemo(() => {\n    const query = countryFilter.trim().toLowerCase()\n    if (!query) return countryOptions\n    return countryOptions.filter((option) => countryLabel(option).toLowerCase().includes(query))\n  }, [countryFilter, countryOptions])\n\n  const handleCountryPick = React.useCallback((nextCountry: CountryCode) => {\n    setCountry(nextCountry)\n    setCountryOpen(false)\n    setCountryFilter('')\n  }, [])\n\n  const Comp = asChild ? Slot : 'div'\n\n  return (\n    <Comp\n      {...phoneInputProps}\n      ref={forwardedRef}\n      className={classNames(\n        'dsx-phone-input',\n        `dsx-phone-input--${density}`,\n        `dsx-phone-input--${variant}`,\n        invalid && 'dsx-phone-input--invalid',\n        className,\n      )}\n      data-size={density}\n      data-variant={variant}\n    >\n      {label ? (\n        <Label htmlFor={id} className=\"dsx-phone-input__label\">\n          {label}\n        </Label>\n      ) : null}\n      <div className=\"dsx-phone-input__shell\">\n        <div className=\"dsx-phone-input__country\" ref={countryListRef}>\n          <button\n            type=\"button\"\n            className=\"dsx-phone-input__country-button\"\n            onClick={() => !disabled && setCountryOpen((open) => !open)}\n            disabled={disabled}\n            aria-haspopup=\"listbox\"\n            aria-expanded={countryOpen}\n            aria-label=\"Country code\"\n          >\n            <span aria-hidden className={`flag:${country} dsx-phone-input__flag`} />\n            <span className=\"dsx-phone-input__country-code\">{country}</span>\n            <span className=\"dsx-phone-input__country-dial\">+{getCountryCallingCode(country)}</span>\n            <ChevronDown size={14} className=\"dsx-phone-input__country-chevron\" />\n          </button>\n          {countryOpen ? (\n            <div className=\"dsx-phone-input__country-listbox\" role=\"listbox\" aria-label=\"Countries\">\n              <input\n                className=\"dsx-phone-input__country-filter\"\n                placeholder=\"Search countries\"\n                aria-label=\"Search countries\"\n                value={countryFilter}\n                onChange={(e) => setCountryFilter(e.target.value)}\n                onKeyDown={(e) => {\n                  if (e.key === 'Escape') setCountryOpen(false)\n                }}\n              />\n              <div className=\"dsx-phone-input__country-options\">\n                {filteredCountries.map((option) => (\n                  <button\n                    key={option}\n                    type=\"button\"\n                    role=\"option\"\n                    aria-selected={option === country}\n                    className={classNames(\n                      'dsx-phone-input__country-option',\n                      option === country && 'dsx-phone-input__country-option--selected',\n                    )}\n                    onClick={() => handleCountryPick(option)}\n                  >\n                    <span aria-hidden className={`flag:${option} dsx-phone-input__flag`} />\n                    <span className=\"dsx-phone-input__country-option-code\">{option}</span>\n                    <span className=\"dsx-phone-input__country-option-name\">{countryLabel(option)}</span>\n                  </button>\n                ))}\n                {filteredCountries.length === 0 ? (\n                  <span className=\"dsx-phone-input__country-empty\">No countries match</span>\n                ) : null}\n              </div>\n            </div>\n          ) : null}\n        </div>\n        <PhoneInputInput\n          id={id}\n          country={countryOptions.includes(country) ? country : defaultCountry}\n          value={value}\n          onChange={(nextValue) => setValue(nextValue as string | undefined)}\n          inputComponent={NationalInput}\n          placeholder={placeholder}\n          disabled={disabled}\n          aria-invalid={invalid || undefined}\n          smartCaret\n        />\n      </div>\n      {errorText && invalid ? (\n        <Text variant=\"label-small\" className=\"dsx-phone-input__error\">\n          {errorText}\n        </Text>\n      ) : null}\n      {helperText && !invalid ? (\n        <Text variant=\"label-small\" tone=\"muted\" className=\"dsx-phone-input__helper\">\n          {helperText}\n        </Text>\n      ) : null}\n    </Comp>\n  )\n})\nPhoneInput.displayName = 'PhoneInput'\n\nexport { PhoneInput }\nexport type { PhoneInputProps }\n"],
-  "mappings": "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",
+  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport classNames from 'classnames'\nimport { Slot } from '@radix-ui/react-slot'\nimport { ChevronDown } from 'lucide-react'\nimport PhoneInputInput, { getCountries, getCountryCallingCode, isPossiblePhoneNumber, parsePhoneNumber } from 'react-phone-number-input/input'\n\nimport { extractProps } from '../../_internal/helpers/extractProps'\nimport { phoneInputPropDefs } from './phoneInput.props'\nimport { Label } from '../label/Label'\nimport { Text } from '../text/Text'\n\nimport type { Country as CountryCode, Value } from 'react-phone-number-input/input'\nimport type { GetPropDefTypes } from '../../_internal/props/propDef'\n\ntype PhoneInputElement = React.ComponentRef<'div'>\ntype PhoneInputOwnProps = GetPropDefTypes<typeof phoneInputPropDefs> & {\n  id?: string\n  label?: string\n  helperText?: string\n  errorText?: string\n  value?: string\n  defaultValue?: string\n  defaultCountry?: CountryCode\n  countries?: readonly CountryCode[]\n  placeholder?: string\n  disabled?: boolean\n  onChange?: (value: string | undefined) => void\n  invalid?: boolean\n}\n\ninterface PhoneInputProps extends Omit<React.ComponentPropsWithoutRef<'div'>, 'defaultValue' | 'onChange'>, PhoneInputOwnProps {}\n\nfunction countryLabel(country: CountryCode) {\n  try {\n    const region = new Intl.DisplayNames(['en'], { type: 'region' }).of(country)\n    return `${region} (+${getCountryCallingCode(country)})`\n  } catch {\n    return `${country} (+${getCountryCallingCode(country)})`\n  }\n}\n\nfunction detectCountry(value: string | undefined, fallback: CountryCode): CountryCode {\n  if (!value) return fallback\n  try {\n    const parsed = parsePhoneNumber(value)\n    if (parsed?.country) return parsed.country\n  } catch {\n  }\n  return fallback\n}\n\ntype NationalInputProps = React.ComponentPropsWithoutRef<'input'>\n\nconst NationalInput = React.forwardRef<HTMLInputElement, NationalInputProps>(\n  ({ className, ...props }, forwardedRef) => (\n    <input\n      {...props}\n      ref={forwardedRef}\n      type=\"tel\"\n      autoComplete=\"tel\"\n      inputMode=\"tel\"\n      className={classNames('dsx-phone-input__input', className)}\n    />\n  ),\n)\nNationalInput.displayName = 'PhoneInputNationalInput'\n\nconst PhoneInput = React.forwardRef<PhoneInputElement, PhoneInputProps>((props, forwardedRef) => {\n  const {\n    asChild,\n    className,\n    countries,\n    defaultCountry = 'US',\n    defaultValue,\n    density = 'md',\n    disabled = false,\n    errorText,\n    helperText,\n    id,\n    invalid = false,\n    label,\n    onChange,\n    placeholder,\n    value: controlledValue,\n    variant = 'surface',\n    ...phoneInputProps\n  } = extractProps(props, phoneInputPropDefs)\n\n  const countryOptions = React.useMemo(\n    () => [...(countries ?? getCountries())].sort((a, b) => countryLabel(a).localeCompare(countryLabel(b))),\n    [countries],\n  )\n\n  const [uncontrolledValue, setUncontrolledValue] = React.useState<string | undefined>(defaultValue)\n  const isControlled = controlledValue !== undefined\n  const value = (isControlled ? controlledValue : uncontrolledValue) as Value\n\n  const [country, setCountry] = React.useState<CountryCode>(() => detectCountry(defaultValue, defaultCountry))\n  const [countryOpen, setCountryOpen] = React.useState(false)\n  const [countryFilter, setCountryFilter] = React.useState('')\n  const countryListRef = React.useRef<HTMLDivElement>(null)\n\n  // Country auto-detect only fires for plausible-length numbers. Partial\n  // prefixes misparse to foreign countries and each flip re-formats the\n  // value, which re-parses foreign again \u2014 a render loop on rapid typing.\n  const maybeDetectCountry = React.useCallback((nextValue: string | undefined) => {\n    if (!nextValue) return\n    try {\n      const parsed = parsePhoneNumber(nextValue)\n      if (\n        parsed?.country &&\n        parsed.country !== country &&\n        countryOptions.includes(parsed.country) &&\n        isPossiblePhoneNumber(nextValue)\n      ) {\n        setCountry(parsed.country)\n      }\n    } catch {\n    }\n  }, [country, countryOptions])\n\n  React.useEffect(() => {\n    if (controlledValue === undefined) return\n    if (!controlledValue) {\n      setCountry(defaultCountry)\n      return\n    }\n    maybeDetectCountry(controlledValue)\n  }, [controlledValue, defaultCountry, maybeDetectCountry])\n\n  React.useEffect(() => {\n    if (!countryOpen) return undefined\n    const onPointerDown = (event: PointerEvent) => {\n      if (countryListRef.current && !countryListRef.current.contains(event.target as Node)) {\n        setCountryOpen(false)\n      }\n    }\n    document.addEventListener('pointerdown', onPointerDown)\n    return () => document.removeEventListener('pointerdown', onPointerDown)\n  }, [countryOpen])\n\n  const setValue = React.useCallback((nextValue: string | undefined) => {\n    if (!isControlled) {\n      setUncontrolledValue(nextValue)\n    }\n    maybeDetectCountry(nextValue)\n    onChange?.(nextValue)\n  }, [maybeDetectCountry, isControlled, onChange])\n\n  const filteredCountries = React.useMemo(() => {\n    const query = countryFilter.trim().toLowerCase()\n    if (!query) return countryOptions\n    return countryOptions.filter((option) => countryLabel(option).toLowerCase().includes(query))\n  }, [countryFilter, countryOptions])\n\n  const handleCountryPick = React.useCallback((nextCountry: CountryCode) => {\n    setCountry(nextCountry)\n    setCountryOpen(false)\n    setCountryFilter('')\n  }, [])\n\n  const Comp = asChild ? Slot : 'div'\n\n  return (\n    <Comp\n      {...phoneInputProps}\n      ref={forwardedRef}\n      className={classNames(\n        'dsx-phone-input',\n        `dsx-phone-input--${density}`,\n        `dsx-phone-input--${variant}`,\n        invalid && 'dsx-phone-input--invalid',\n        className,\n      )}\n      data-size={density}\n      data-variant={variant}\n    >\n      {label ? (\n        <Label htmlFor={id} className=\"dsx-phone-input__label\">\n          {label}\n        </Label>\n      ) : null}\n      <div className=\"dsx-phone-input__shell\">\n        <div className=\"dsx-phone-input__country\" ref={countryListRef}>\n          <button\n            type=\"button\"\n            className=\"dsx-phone-input__country-button\"\n            onClick={() => !disabled && setCountryOpen((open) => !open)}\n            disabled={disabled}\n            aria-haspopup=\"listbox\"\n            aria-expanded={countryOpen}\n            aria-label=\"Country code\"\n          >\n            <span aria-hidden className={`flag:${country} dsx-phone-input__flag`} />\n            <span className=\"dsx-phone-input__country-code\">{country}</span>\n            <span className=\"dsx-phone-input__country-dial\">+{getCountryCallingCode(country)}</span>\n            <ChevronDown size={14} className=\"dsx-phone-input__country-chevron\" />\n          </button>\n          {countryOpen ? (\n            <div className=\"dsx-phone-input__country-listbox\" role=\"listbox\" aria-label=\"Countries\">\n              <input\n                className=\"dsx-phone-input__country-filter\"\n                placeholder=\"Search countries\"\n                aria-label=\"Search countries\"\n                value={countryFilter}\n                onChange={(e) => setCountryFilter(e.target.value)}\n                onKeyDown={(e) => {\n                  if (e.key === 'Escape') setCountryOpen(false)\n                }}\n              />\n              <div className=\"dsx-phone-input__country-options\">\n                {filteredCountries.map((option) => (\n                  <button\n                    key={option}\n                    type=\"button\"\n                    role=\"option\"\n                    aria-selected={option === country}\n                    className={classNames(\n                      'dsx-phone-input__country-option',\n                      option === country && 'dsx-phone-input__country-option--selected',\n                    )}\n                    onClick={() => handleCountryPick(option)}\n                  >\n                    <span aria-hidden className={`flag:${option} dsx-phone-input__flag`} />\n                    <span className=\"dsx-phone-input__country-option-code\">{option}</span>\n                    <span className=\"dsx-phone-input__country-option-name\">{countryLabel(option)}</span>\n                  </button>\n                ))}\n                {filteredCountries.length === 0 ? (\n                  <span className=\"dsx-phone-input__country-empty\">No countries match</span>\n                ) : null}\n              </div>\n            </div>\n          ) : null}\n        </div>\n        <PhoneInputInput\n          id={id}\n          country={countryOptions.includes(country) ? country : defaultCountry}\n          value={value}\n          onChange={(nextValue) => setValue(nextValue as string | undefined)}\n          inputComponent={NationalInput}\n          placeholder={placeholder}\n          disabled={disabled}\n          aria-invalid={invalid || undefined}\n          smartCaret\n        />\n      </div>\n      {errorText && invalid ? (\n        <Text variant=\"label-small\" className=\"dsx-phone-input__error\">\n          {errorText}\n        </Text>\n      ) : null}\n      {helperText && !invalid ? (\n        <Text variant=\"label-small\" tone=\"muted\" className=\"dsx-phone-input__helper\">\n          {helperText}\n        </Text>\n      ) : null}\n    </Comp>\n  )\n})\nPhoneInput.displayName = 'PhoneInput'\n\nexport { PhoneInput }\nexport type { PhoneInputProps }\n"],
+  "mappings": "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",
   "names": ["classNames", "PhoneInputInput"]
 }

package/dist/components/phoneInput/PhoneInput.d.cts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PhoneInput.d.cts","sourceRoot":"","sources":["../../../src/components/phoneInput/PhoneInput.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAO9B,OAAO,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAA;AAIvD,OAAO,KAAK,EAAE,OAAO,IAAI,WAAW,EAAS,MAAM,gCAAgC,CAAA;AACnF,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAA;AAGpE,KAAK,kBAAkB,GAAG,eAAe,CAAC,OAAO,kBAAkB,CAAC,GAAG;IACrE,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,cAAc,CAAC,EAAE,WAAW,CAAA;IAC5B,SAAS,CAAC,EAAE,SAAS,WAAW,EAAE,CAAA;IAClC,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAA;IAC9C,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB,CAAA;AAED,UAAU,eAAgB,SAAQ,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,cAAc,GAAG,UAAU,CAAC,EAAE,kBAAkB;CAAG;AAqCjI,QAAA,MAAM,UAAU,~~wFAkLd~~,CAAA;AAGF,OAAO,EAAE,UAAU,EAAE,CAAA;AACrB,YAAY,EAAE,eAAe,EAAE,CAAA"}
1	+ {"version":3,"file":"PhoneInput.d.cts","sourceRoot":"","sources":["../../../src/components/phoneInput/PhoneInput.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAO9B,OAAO,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAA;AAIvD,OAAO,KAAK,EAAE,OAAO,IAAI,WAAW,EAAS,MAAM,gCAAgC,CAAA;AACnF,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAA;AAGpE,KAAK,kBAAkB,GAAG,eAAe,CAAC,OAAO,kBAAkB,CAAC,GAAG;IACrE,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,cAAc,CAAC,EAAE,WAAW,CAAA;IAC5B,SAAS,CAAC,EAAE,SAAS,WAAW,EAAE,CAAA;IAClC,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAA;IAC9C,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB,CAAA;AAED,UAAU,eAAgB,SAAQ,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,cAAc,GAAG,UAAU,CAAC,EAAE,kBAAkB;CAAG;AAqCjI,QAAA,MAAM,UAAU,wFAgMd,CAAA;AAGF,OAAO,EAAE,UAAU,EAAE,CAAA;AACrB,YAAY,EAAE,eAAe,EAAE,CAAA"}

package/dist/components/phoneInput/PhoneInput.d.mts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PhoneInput.d.mts","sourceRoot":"","sources":["../../../src/components/phoneInput/PhoneInput.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAO9B,OAAO,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAA;AAIvD,OAAO,KAAK,EAAE,OAAO,IAAI,WAAW,EAAS,MAAM,gCAAgC,CAAA;AACnF,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAA;AAGpE,KAAK,kBAAkB,GAAG,eAAe,CAAC,OAAO,kBAAkB,CAAC,GAAG;IACrE,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,cAAc,CAAC,EAAE,WAAW,CAAA;IAC5B,SAAS,CAAC,EAAE,SAAS,WAAW,EAAE,CAAA;IAClC,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAA;IAC9C,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB,CAAA;AAED,UAAU,eAAgB,SAAQ,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,cAAc,GAAG,UAAU,CAAC,EAAE,kBAAkB;CAAG;AAqCjI,QAAA,MAAM,UAAU,~~wFAkLd~~,CAAA;AAGF,OAAO,EAAE,UAAU,EAAE,CAAA;AACrB,YAAY,EAAE,eAAe,EAAE,CAAA"}
1	+ {"version":3,"file":"PhoneInput.d.mts","sourceRoot":"","sources":["../../../src/components/phoneInput/PhoneInput.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAO9B,OAAO,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAA;AAIvD,OAAO,KAAK,EAAE,OAAO,IAAI,WAAW,EAAS,MAAM,gCAAgC,CAAA;AACnF,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAA;AAGpE,KAAK,kBAAkB,GAAG,eAAe,CAAC,OAAO,kBAAkB,CAAC,GAAG;IACrE,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,cAAc,CAAC,EAAE,WAAW,CAAA;IAC5B,SAAS,CAAC,EAAE,SAAS,WAAW,EAAE,CAAA;IAClC,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAA;IAC9C,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB,CAAA;AAED,UAAU,eAAgB,SAAQ,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,cAAc,GAAG,UAAU,CAAC,EAAE,kBAAkB;CAAG;AAqCjI,QAAA,MAAM,UAAU,wFAgMd,CAAA;AAGF,OAAO,EAAE,UAAU,EAAE,CAAA;AACrB,YAAY,EAAE,eAAe,EAAE,CAAA"}

package/dist/components/phoneInput/PhoneInput.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PhoneInput.d.ts","sourceRoot":"","sources":["../../../src/components/phoneInput/PhoneInput.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAO9B,OAAO,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAA;AAIvD,OAAO,KAAK,EAAE,OAAO,IAAI,WAAW,EAAS,MAAM,gCAAgC,CAAA;AACnF,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAA;AAGpE,KAAK,kBAAkB,GAAG,eAAe,CAAC,OAAO,kBAAkB,CAAC,GAAG;IACrE,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,cAAc,CAAC,EAAE,WAAW,CAAA;IAC5B,SAAS,CAAC,EAAE,SAAS,WAAW,EAAE,CAAA;IAClC,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAA;IAC9C,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB,CAAA;AAED,UAAU,eAAgB,SAAQ,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,cAAc,GAAG,UAAU,CAAC,EAAE,kBAAkB;CAAG;AAqCjI,QAAA,MAAM,UAAU,~~wFAkLd~~,CAAA;AAGF,OAAO,EAAE,UAAU,EAAE,CAAA;AACrB,YAAY,EAAE,eAAe,EAAE,CAAA"}
1	+ {"version":3,"file":"PhoneInput.d.ts","sourceRoot":"","sources":["../../../src/components/phoneInput/PhoneInput.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAO9B,OAAO,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAA;AAIvD,OAAO,KAAK,EAAE,OAAO,IAAI,WAAW,EAAS,MAAM,gCAAgC,CAAA;AACnF,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAA;AAGpE,KAAK,kBAAkB,GAAG,eAAe,CAAC,OAAO,kBAAkB,CAAC,GAAG;IACrE,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,cAAc,CAAC,EAAE,WAAW,CAAA;IAC5B,SAAS,CAAC,EAAE,SAAS,WAAW,EAAE,CAAA;IAClC,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAA;IAC9C,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB,CAAA;AAED,UAAU,eAAgB,SAAQ,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,cAAc,GAAG,UAAU,CAAC,EAAE,kBAAkB;CAAG;AAqCjI,QAAA,MAAM,UAAU,wFAgMd,CAAA;AAGF,OAAO,EAAE,UAAU,EAAE,CAAA;AACrB,YAAY,EAAE,eAAe,EAAE,CAAA"}

package/dist/components/phoneInput/PhoneInput.js CHANGED Viewed

@@ -3,7 +3,7 @@ import * as React from "react";
 import classNames from "classnames";
 import { Slot } from "@radix-ui/react-slot";
 import { ChevronDown } from "lucide-react";
-import PhoneInputInput, { getCountries, getCountryCallingCode, parsePhoneNumber } from "react-phone-number-input/input";
+import PhoneInputInput, { getCountries, getCountryCallingCode, isPossiblePhoneNumber, parsePhoneNumber } from "react-phone-number-input/input";
 import { extractProps } from "../../_internal/helpers/extractProps.js";
 import { phoneInputPropDefs } from "./phoneInput.props.js";
 import { Label } from "../label/Label.js";
@@ -71,11 +71,24 @@ const PhoneInput = React.forwardRef((props, forwardedRef) => {
   const [countryOpen, setCountryOpen] = React.useState(false);
   const [countryFilter, setCountryFilter] = React.useState("");
   const countryListRef = React.useRef(null);
+  const maybeDetectCountry = React.useCallback((nextValue) => {
+    if (!nextValue) return;
+    try {
+      const parsed = parsePhoneNumber(nextValue);
+      if (parsed?.country && parsed.country !== country && countryOptions.includes(parsed.country) && isPossiblePhoneNumber(nextValue)) {
+        setCountry(parsed.country);
+      }
+    } catch {
+    }
+  }, [country, countryOptions]);
   React.useEffect(() => {
-    if (controlledValue !== void 0) {
-      setCountry(detectCountry(controlledValue, defaultCountry));
+    if (controlledValue === void 0) return;
+    if (!controlledValue) {
+      setCountry(defaultCountry);
+      return;
     }
-  }, [controlledValue, defaultCountry]);
+    maybeDetectCountry(controlledValue);
+  }, [controlledValue, defaultCountry, maybeDetectCountry]);
   React.useEffect(() => {
     if (!countryOpen) return void 0;
     const onPointerDown = (event) => {
@@ -90,17 +103,9 @@ const PhoneInput = React.forwardRef((props, forwardedRef) => {
     if (!isControlled) {
       setUncontrolledValue(nextValue);
     }
-    if (nextValue) {
-      try {
-        const parsed = parsePhoneNumber(nextValue);
-        if (parsed?.country && parsed.country !== country && countryOptions.includes(parsed.country)) {
-          setCountry(parsed.country);
-        }
-      } catch {
-      }
-    }
+    maybeDetectCountry(nextValue);
     onChange?.(nextValue);
-  }, [country, countryOptions, isControlled, onChange]);
+  }, [maybeDetectCountry, isControlled, onChange]);
   const filteredCountries = React.useMemo(() => {
     const query = countryFilter.trim().toLowerCase();
     if (!query) return countryOptions;

package/dist/components/phoneInput/PhoneInput.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/phoneInput/PhoneInput.tsx"],
-  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport classNames from 'classnames'\nimport { Slot } from '@radix-ui/react-slot'\nimport { ChevronDown } from 'lucide-react'\nimport PhoneInputInput, { getCountries, getCountryCallingCode, parsePhoneNumber } from 'react-phone-number-input/input'\n\nimport { extractProps } from '../../_internal/helpers/extractProps'\nimport { phoneInputPropDefs } from './phoneInput.props'\nimport { Label } from '../label/Label'\nimport { Text } from '../text/Text'\n\nimport type { Country as CountryCode, Value } from 'react-phone-number-input/input'\nimport type { GetPropDefTypes } from '../../_internal/props/propDef'\n\ntype PhoneInputElement = React.ComponentRef<'div'>\ntype PhoneInputOwnProps = GetPropDefTypes<typeof phoneInputPropDefs> & {\n  id?: string\n  label?: string\n  helperText?: string\n  errorText?: string\n  value?: string\n  defaultValue?: string\n  defaultCountry?: CountryCode\n  countries?: readonly CountryCode[]\n  placeholder?: string\n  disabled?: boolean\n  onChange?: (value: string | undefined) => void\n  invalid?: boolean\n}\n\ninterface PhoneInputProps extends Omit<React.ComponentPropsWithoutRef<'div'>, 'defaultValue' | 'onChange'>, PhoneInputOwnProps {}\n\nfunction countryLabel(country: CountryCode) {\n  try {\n    const region = new Intl.DisplayNames(['en'], { type: 'region' }).of(country)\n    return `${region} (+${getCountryCallingCode(country)})`\n  } catch {\n    return `${country} (+${getCountryCallingCode(country)})`\n  }\n}\n\nfunction detectCountry(value: string | undefined, fallback: CountryCode): CountryCode {\n  if (!value) return fallback\n  try {\n    const parsed = parsePhoneNumber(value)\n    if (parsed?.country) return parsed.country\n  } catch {\n  }\n  return fallback\n}\n\ntype NationalInputProps = React.ComponentPropsWithoutRef<'input'>\n\nconst NationalInput = React.forwardRef<HTMLInputElement, NationalInputProps>(\n  ({ className, ...props }, forwardedRef) => (\n    <input\n      {...props}\n      ref={forwardedRef}\n      type=\"tel\"\n      autoComplete=\"tel\"\n      inputMode=\"tel\"\n      className={classNames('dsx-phone-input__input', className)}\n    />\n  ),\n)\nNationalInput.displayName = 'PhoneInputNationalInput'\n\nconst PhoneInput = React.forwardRef<PhoneInputElement, PhoneInputProps>((props, forwardedRef) => {\n  const {\n    asChild,\n    className,\n    countries,\n    defaultCountry = 'US',\n    defaultValue,\n    density = 'md',\n    disabled = false,\n    errorText,\n    helperText,\n    id,\n    invalid = false,\n    label,\n    onChange,\n    placeholder,\n    value: controlledValue,\n    variant = 'surface',\n    ...phoneInputProps\n  } = extractProps(props, phoneInputPropDefs)\n\n  const countryOptions = React.useMemo(\n    () => [...(countries ?? getCountries())].sort((a, b) => countryLabel(a).localeCompare(countryLabel(b))),\n    [countries],\n  )\n\n  const [uncontrolledValue, setUncontrolledValue] = React.useState<string | undefined>(defaultValue)\n  const isControlled = controlledValue !== undefined\n  const value = (isControlled ? controlledValue : uncontrolledValue) as Value\n\n  const [country, setCountry] = React.useState<CountryCode>(() => detectCountry(defaultValue, defaultCountry))\n  const [countryOpen, setCountryOpen] = React.useState(false)\n  const [countryFilter, setCountryFilter] = React.useState('')\n  const countryListRef = React.useRef<HTMLDivElement>(null)\n\n  React.useEffect(() => {\n    if (controlledValue !== undefined) {\n      setCountry(detectCountry(controlledValue, defaultCountry))\n    }\n  }, [controlledValue, defaultCountry])\n\n  React.useEffect(() => {\n    if (!countryOpen) return undefined\n    const onPointerDown = (event: PointerEvent) => {\n      if (countryListRef.current && !countryListRef.current.contains(event.target as Node)) {\n        setCountryOpen(false)\n      }\n    }\n    document.addEventListener('pointerdown', onPointerDown)\n    return () => document.removeEventListener('pointerdown', onPointerDown)\n  }, [countryOpen])\n\n  const setValue = React.useCallback((nextValue: string | undefined) => {\n    if (!isControlled) {\n      setUncontrolledValue(nextValue)\n    }\n    if (nextValue) {\n      try {\n        const parsed = parsePhoneNumber(nextValue)\n        if (parsed?.country && parsed.country !== country && countryOptions.includes(parsed.country)) {\n          setCountry(parsed.country)\n        }\n      } catch {\n      }\n    }\n    onChange?.(nextValue)\n  }, [country, countryOptions, isControlled, onChange])\n\n  const filteredCountries = React.useMemo(() => {\n    const query = countryFilter.trim().toLowerCase()\n    if (!query) return countryOptions\n    return countryOptions.filter((option) => countryLabel(option).toLowerCase().includes(query))\n  }, [countryFilter, countryOptions])\n\n  const handleCountryPick = React.useCallback((nextCountry: CountryCode) => {\n    setCountry(nextCountry)\n    setCountryOpen(false)\n    setCountryFilter('')\n  }, [])\n\n  const Comp = asChild ? Slot : 'div'\n\n  return (\n    <Comp\n      {...phoneInputProps}\n      ref={forwardedRef}\n      className={classNames(\n        'dsx-phone-input',\n        `dsx-phone-input--${density}`,\n        `dsx-phone-input--${variant}`,\n        invalid && 'dsx-phone-input--invalid',\n        className,\n      )}\n      data-size={density}\n      data-variant={variant}\n    >\n      {label ? (\n        <Label htmlFor={id} className=\"dsx-phone-input__label\">\n          {label}\n        </Label>\n      ) : null}\n      <div className=\"dsx-phone-input__shell\">\n        <div className=\"dsx-phone-input__country\" ref={countryListRef}>\n          <button\n            type=\"button\"\n            className=\"dsx-phone-input__country-button\"\n            onClick={() => !disabled && setCountryOpen((open) => !open)}\n            disabled={disabled}\n            aria-haspopup=\"listbox\"\n            aria-expanded={countryOpen}\n            aria-label=\"Country code\"\n          >\n            <span aria-hidden className={`flag:${country} dsx-phone-input__flag`} />\n            <span className=\"dsx-phone-input__country-code\">{country}</span>\n            <span className=\"dsx-phone-input__country-dial\">+{getCountryCallingCode(country)}</span>\n            <ChevronDown size={14} className=\"dsx-phone-input__country-chevron\" />\n          </button>\n          {countryOpen ? (\n            <div className=\"dsx-phone-input__country-listbox\" role=\"listbox\" aria-label=\"Countries\">\n              <input\n                className=\"dsx-phone-input__country-filter\"\n                placeholder=\"Search countries\"\n                aria-label=\"Search countries\"\n                value={countryFilter}\n                onChange={(e) => setCountryFilter(e.target.value)}\n                onKeyDown={(e) => {\n                  if (e.key === 'Escape') setCountryOpen(false)\n                }}\n              />\n              <div className=\"dsx-phone-input__country-options\">\n                {filteredCountries.map((option) => (\n                  <button\n                    key={option}\n                    type=\"button\"\n                    role=\"option\"\n                    aria-selected={option === country}\n                    className={classNames(\n                      'dsx-phone-input__country-option',\n                      option === country && 'dsx-phone-input__country-option--selected',\n                    )}\n                    onClick={() => handleCountryPick(option)}\n                  >\n                    <span aria-hidden className={`flag:${option} dsx-phone-input__flag`} />\n                    <span className=\"dsx-phone-input__country-option-code\">{option}</span>\n                    <span className=\"dsx-phone-input__country-option-name\">{countryLabel(option)}</span>\n                  </button>\n                ))}\n                {filteredCountries.length === 0 ? (\n                  <span className=\"dsx-phone-input__country-empty\">No countries match</span>\n                ) : null}\n              </div>\n            </div>\n          ) : null}\n        </div>\n        <PhoneInputInput\n          id={id}\n          country={countryOptions.includes(country) ? country : defaultCountry}\n          value={value}\n          onChange={(nextValue) => setValue(nextValue as string | undefined)}\n          inputComponent={NationalInput}\n          placeholder={placeholder}\n          disabled={disabled}\n          aria-invalid={invalid || undefined}\n          smartCaret\n        />\n      </div>\n      {errorText && invalid ? (\n        <Text variant=\"label-small\" className=\"dsx-phone-input__error\">\n          {errorText}\n        </Text>\n      ) : null}\n      {helperText && !invalid ? (\n        <Text variant=\"label-small\" tone=\"muted\" className=\"dsx-phone-input__helper\">\n          {helperText}\n        </Text>\n      ) : null}\n    </Comp>\n  )\n})\nPhoneInput.displayName = 'PhoneInput'\n\nexport { PhoneInput }\nexport type { PhoneInputProps }\n"],
-  "mappings": ";AAEA,YAAY,WAAW;AACvB,OAAO,gBAAgB;AACvB,SAAS,YAAY;AACrB,SAAS,mBAAmB;AAC5B,OAAO,mBAAmB,cAAc,uBAAuB,wBAAwB;AAEvF,SAAS,oBAAoB;AAC7B,SAAS,0BAA0B;AACnC,SAAS,aAAa;AACtB,SAAS,YAAY;AA8CjB,cA8HQ,YA9HR;AAvBJ,SAAS,aAAa,SAAsB;AAC1C,MAAI;AACF,UAAM,SAAS,IAAI,KAAK,aAAa,CAAC,IAAI,GAAG,EAAE,MAAM,SAAS,CAAC,EAAE,GAAG,OAAO;AAC3E,WAAO,GAAG,MAAM,MAAM,sBAAsB,OAAO,CAAC;AAAA,EACtD,QAAQ;AACN,WAAO,GAAG,OAAO,MAAM,sBAAsB,OAAO,CAAC;AAAA,EACvD;AACF;AAEA,SAAS,cAAc,OAA2B,UAAoC;AACpF,MAAI,CAAC,MAAO,QAAO;AACnB,MAAI;AACF,UAAM,SAAS,iBAAiB,KAAK;AACrC,QAAI,QAAQ,QAAS,QAAO,OAAO;AAAA,EACrC,QAAQ;AAAA,EACR;AACA,SAAO;AACT;AAIA,MAAM,gBAAgB,MAAM;AAAA,EAC1B,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,iBACxB;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,KAAK;AAAA,MACL,MAAK;AAAA,MACL,cAAa;AAAA,MACb,WAAU;AAAA,MACV,WAAW,WAAW,0BAA0B,SAAS;AAAA;AAAA,EAC3D;AAEJ;AACA,cAAc,cAAc;AAE5B,MAAM,aAAa,MAAM,WAA+C,CAAC,OAAO,iBAAiB;AAC/F,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA,iBAAiB;AAAA,IACjB;AAAA,IACA,UAAU;AAAA,IACV,WAAW;AAAA,IACX;AAAA,IACA;AAAA,IACA;AAAA,IACA,UAAU;AAAA,IACV;AAAA,IACA;AAAA,IACA;AAAA,IACA,OAAO;AAAA,IACP,UAAU;AAAA,IACV,GAAG;AAAA,EACL,IAAI,aAAa,OAAO,kBAAkB;AAE1C,QAAM,iBAAiB,MAAM;AAAA,IAC3B,MAAM,CAAC,GAAI,aAAa,aAAa,CAAE,EAAE,KAAK,CAAC,GAAG,MAAM,aAAa,CAAC,EAAE,cAAc,aAAa,CAAC,CAAC,CAAC;AAAA,IACtG,CAAC,SAAS;AAAA,EACZ;AAEA,QAAM,CAAC,mBAAmB,oBAAoB,IAAI,MAAM,SAA6B,YAAY;AACjG,QAAM,eAAe,oBAAoB;AACzC,QAAM,QAAS,eAAe,kBAAkB;AAEhD,QAAM,CAAC,SAAS,UAAU,IAAI,MAAM,SAAsB,MAAM,cAAc,cAAc,cAAc,CAAC;AAC3G,QAAM,CAAC,aAAa,cAAc,IAAI,MAAM,SAAS,KAAK;AAC1D,QAAM,CAAC,eAAe,gBAAgB,IAAI,MAAM,SAAS,EAAE;AAC3D,QAAM,iBAAiB,MAAM,OAAuB,IAAI;AAExD,QAAM,UAAU,MAAM;AACpB,QAAI,oBAAoB,QAAW;AACjC,iBAAW,cAAc,iBAAiB,cAAc,CAAC;AAAA,IAC3D;AAAA,EACF,GAAG,CAAC,iBAAiB,cAAc,CAAC;AAEpC,QAAM,UAAU,MAAM;AACpB,QAAI,CAAC,YAAa,QAAO;AACzB,UAAM,gBAAgB,CAAC,UAAwB;AAC7C,UAAI,eAAe,WAAW,CAAC,eAAe,QAAQ,SAAS,MAAM,MAAc,GAAG;AACpF,uBAAe,KAAK;AAAA,MACtB;AAAA,IACF;AACA,aAAS,iBAAiB,eAAe,aAAa;AACtD,WAAO,MAAM,SAAS,oBAAoB,eAAe,aAAa;AAAA,EACxE,GAAG,CAAC,WAAW,CAAC;AAEhB,QAAM,WAAW,MAAM,YAAY,CAAC,cAAkC;AACpE,QAAI,CAAC,cAAc;AACjB,2BAAqB,SAAS;AAAA,IAChC;AACA,QAAI,WAAW;AACb,UAAI;AACF,cAAM,SAAS,iBAAiB,SAAS;AACzC,YAAI,QAAQ,WAAW,OAAO,YAAY,WAAW,eAAe,SAAS,OAAO,OAAO,GAAG;AAC5F,qBAAW,OAAO,OAAO;AAAA,QAC3B;AAAA,MACF,QAAQ;AAAA,MACR;AAAA,IACF;AACA,eAAW,SAAS;AAAA,EACtB,GAAG,CAAC,SAAS,gBAAgB,cAAc,QAAQ,CAAC;AAEpD,QAAM,oBAAoB,MAAM,QAAQ,MAAM;AAC5C,UAAM,QAAQ,cAAc,KAAK,EAAE,YAAY;AAC/C,QAAI,CAAC,MAAO,QAAO;AACnB,WAAO,eAAe,OAAO,CAAC,WAAW,aAAa,MAAM,EAAE,YAAY,EAAE,SAAS,KAAK,CAAC;AAAA,EAC7F,GAAG,CAAC,eAAe,cAAc,CAAC;AAElC,QAAM,oBAAoB,MAAM,YAAY,CAAC,gBAA6B;AACxE,eAAW,WAAW;AACtB,mBAAe,KAAK;AACpB,qBAAiB,EAAE;AAAA,EACrB,GAAG,CAAC,CAAC;AAEL,QAAM,OAAO,UAAU,OAAO;AAE9B,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,KAAK;AAAA,MACL,WAAW;AAAA,QACT;AAAA,QACA,oBAAoB,OAAO;AAAA,QAC3B,oBAAoB,OAAO;AAAA,QAC3B,WAAW;AAAA,QACX;AAAA,MACF;AAAA,MACA,aAAW;AAAA,MACX,gBAAc;AAAA,MAEb;AAAA,gBACC,oBAAC,SAAM,SAAS,IAAI,WAAU,0BAC3B,iBACH,IACE;AAAA,QACJ,qBAAC,SAAI,WAAU,0BACb;AAAA,+BAAC,SAAI,WAAU,4BAA2B,KAAK,gBAC7C;AAAA;AAAA,cAAC;AAAA;AAAA,gBACC,MAAK;AAAA,gBACL,WAAU;AAAA,gBACV,SAAS,MAAM,CAAC,YAAY,eAAe,CAAC,SAAS,CAAC,IAAI;AAAA,gBAC1D;AAAA,gBACA,iBAAc;AAAA,gBACd,iBAAe;AAAA,gBACf,cAAW;AAAA,gBAEX;AAAA,sCAAC,UAAK,eAAW,MAAC,WAAW,QAAQ,OAAO,0BAA0B;AAAA,kBACtE,oBAAC,UAAK,WAAU,iCAAiC,mBAAQ;AAAA,kBACzD,qBAAC,UAAK,WAAU,iCAAgC;AAAA;AAAA,oBAAE,sBAAsB,OAAO;AAAA,qBAAE;AAAA,kBACjF,oBAAC,eAAY,MAAM,IAAI,WAAU,oCAAmC;AAAA;AAAA;AAAA,YACtE;AAAA,YACC,cACC,qBAAC,SAAI,WAAU,oCAAmC,MAAK,WAAU,cAAW,aAC1E;AAAA;AAAA,gBAAC;AAAA;AAAA,kBACC,WAAU;AAAA,kBACV,aAAY;AAAA,kBACZ,cAAW;AAAA,kBACX,OAAO;AAAA,kBACP,UAAU,CAAC,MAAM,iBAAiB,EAAE,OAAO,KAAK;AAAA,kBAChD,WAAW,CAAC,MAAM;AAChB,wBAAI,EAAE,QAAQ,SAAU,gBAAe,KAAK;AAAA,kBAC9C;AAAA;AAAA,cACF;AAAA,cACA,qBAAC,SAAI,WAAU,oCACZ;AAAA,kCAAkB,IAAI,CAAC,WACtB;AAAA,kBAAC;AAAA;AAAA,oBAEC,MAAK;AAAA,oBACL,MAAK;AAAA,oBACL,iBAAe,WAAW;AAAA,oBAC1B,WAAW;AAAA,sBACT;AAAA,sBACA,WAAW,WAAW;AAAA,oBACxB;AAAA,oBACA,SAAS,MAAM,kBAAkB,MAAM;AAAA,oBAEvC;AAAA,0CAAC,UAAK,eAAW,MAAC,WAAW,QAAQ,MAAM,0BAA0B;AAAA,sBACrE,oBAAC,UAAK,WAAU,wCAAwC,kBAAO;AAAA,sBAC/D,oBAAC,UAAK,WAAU,wCAAwC,uBAAa,MAAM,GAAE;AAAA;AAAA;AAAA,kBAZxE;AAAA,gBAaP,CACD;AAAA,gBACA,kBAAkB,WAAW,IAC5B,oBAAC,UAAK,WAAU,kCAAiC,gCAAkB,IACjE;AAAA,iBACN;AAAA,eACF,IACE;AAAA,aACN;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cACC;AAAA,cACA,SAAS,eAAe,SAAS,OAAO,IAAI,UAAU;AAAA,cACtD;AAAA,cACA,UAAU,CAAC,cAAc,SAAS,SAA+B;AAAA,cACjE,gBAAgB;AAAA,cAChB;AAAA,cACA;AAAA,cACA,gBAAc,WAAW;AAAA,cACzB,YAAU;AAAA;AAAA,UACZ;AAAA,WACF;AAAA,QACC,aAAa,UACZ,oBAAC,QAAK,SAAQ,eAAc,WAAU,0BACnC,qBACH,IACE;AAAA,QACH,cAAc,CAAC,UACd,oBAAC,QAAK,SAAQ,eAAc,MAAK,SAAQ,WAAU,2BAChD,sBACH,IACE;AAAA;AAAA;AAAA,EACN;AAEJ,CAAC;AACD,WAAW,cAAc;",
+  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport classNames from 'classnames'\nimport { Slot } from '@radix-ui/react-slot'\nimport { ChevronDown } from 'lucide-react'\nimport PhoneInputInput, { getCountries, getCountryCallingCode, isPossiblePhoneNumber, parsePhoneNumber } from 'react-phone-number-input/input'\n\nimport { extractProps } from '../../_internal/helpers/extractProps'\nimport { phoneInputPropDefs } from './phoneInput.props'\nimport { Label } from '../label/Label'\nimport { Text } from '../text/Text'\n\nimport type { Country as CountryCode, Value } from 'react-phone-number-input/input'\nimport type { GetPropDefTypes } from '../../_internal/props/propDef'\n\ntype PhoneInputElement = React.ComponentRef<'div'>\ntype PhoneInputOwnProps = GetPropDefTypes<typeof phoneInputPropDefs> & {\n  id?: string\n  label?: string\n  helperText?: string\n  errorText?: string\n  value?: string\n  defaultValue?: string\n  defaultCountry?: CountryCode\n  countries?: readonly CountryCode[]\n  placeholder?: string\n  disabled?: boolean\n  onChange?: (value: string | undefined) => void\n  invalid?: boolean\n}\n\ninterface PhoneInputProps extends Omit<React.ComponentPropsWithoutRef<'div'>, 'defaultValue' | 'onChange'>, PhoneInputOwnProps {}\n\nfunction countryLabel(country: CountryCode) {\n  try {\n    const region = new Intl.DisplayNames(['en'], { type: 'region' }).of(country)\n    return `${region} (+${getCountryCallingCode(country)})`\n  } catch {\n    return `${country} (+${getCountryCallingCode(country)})`\n  }\n}\n\nfunction detectCountry(value: string | undefined, fallback: CountryCode): CountryCode {\n  if (!value) return fallback\n  try {\n    const parsed = parsePhoneNumber(value)\n    if (parsed?.country) return parsed.country\n  } catch {\n  }\n  return fallback\n}\n\ntype NationalInputProps = React.ComponentPropsWithoutRef<'input'>\n\nconst NationalInput = React.forwardRef<HTMLInputElement, NationalInputProps>(\n  ({ className, ...props }, forwardedRef) => (\n    <input\n      {...props}\n      ref={forwardedRef}\n      type=\"tel\"\n      autoComplete=\"tel\"\n      inputMode=\"tel\"\n      className={classNames('dsx-phone-input__input', className)}\n    />\n  ),\n)\nNationalInput.displayName = 'PhoneInputNationalInput'\n\nconst PhoneInput = React.forwardRef<PhoneInputElement, PhoneInputProps>((props, forwardedRef) => {\n  const {\n    asChild,\n    className,\n    countries,\n    defaultCountry = 'US',\n    defaultValue,\n    density = 'md',\n    disabled = false,\n    errorText,\n    helperText,\n    id,\n    invalid = false,\n    label,\n    onChange,\n    placeholder,\n    value: controlledValue,\n    variant = 'surface',\n    ...phoneInputProps\n  } = extractProps(props, phoneInputPropDefs)\n\n  const countryOptions = React.useMemo(\n    () => [...(countries ?? getCountries())].sort((a, b) => countryLabel(a).localeCompare(countryLabel(b))),\n    [countries],\n  )\n\n  const [uncontrolledValue, setUncontrolledValue] = React.useState<string | undefined>(defaultValue)\n  const isControlled = controlledValue !== undefined\n  const value = (isControlled ? controlledValue : uncontrolledValue) as Value\n\n  const [country, setCountry] = React.useState<CountryCode>(() => detectCountry(defaultValue, defaultCountry))\n  const [countryOpen, setCountryOpen] = React.useState(false)\n  const [countryFilter, setCountryFilter] = React.useState('')\n  const countryListRef = React.useRef<HTMLDivElement>(null)\n\n  // Country auto-detect only fires for plausible-length numbers. Partial\n  // prefixes misparse to foreign countries and each flip re-formats the\n  // value, which re-parses foreign again \u2014 a render loop on rapid typing.\n  const maybeDetectCountry = React.useCallback((nextValue: string | undefined) => {\n    if (!nextValue) return\n    try {\n      const parsed = parsePhoneNumber(nextValue)\n      if (\n        parsed?.country &&\n        parsed.country !== country &&\n        countryOptions.includes(parsed.country) &&\n        isPossiblePhoneNumber(nextValue)\n      ) {\n        setCountry(parsed.country)\n      }\n    } catch {\n    }\n  }, [country, countryOptions])\n\n  React.useEffect(() => {\n    if (controlledValue === undefined) return\n    if (!controlledValue) {\n      setCountry(defaultCountry)\n      return\n    }\n    maybeDetectCountry(controlledValue)\n  }, [controlledValue, defaultCountry, maybeDetectCountry])\n\n  React.useEffect(() => {\n    if (!countryOpen) return undefined\n    const onPointerDown = (event: PointerEvent) => {\n      if (countryListRef.current && !countryListRef.current.contains(event.target as Node)) {\n        setCountryOpen(false)\n      }\n    }\n    document.addEventListener('pointerdown', onPointerDown)\n    return () => document.removeEventListener('pointerdown', onPointerDown)\n  }, [countryOpen])\n\n  const setValue = React.useCallback((nextValue: string | undefined) => {\n    if (!isControlled) {\n      setUncontrolledValue(nextValue)\n    }\n    maybeDetectCountry(nextValue)\n    onChange?.(nextValue)\n  }, [maybeDetectCountry, isControlled, onChange])\n\n  const filteredCountries = React.useMemo(() => {\n    const query = countryFilter.trim().toLowerCase()\n    if (!query) return countryOptions\n    return countryOptions.filter((option) => countryLabel(option).toLowerCase().includes(query))\n  }, [countryFilter, countryOptions])\n\n  const handleCountryPick = React.useCallback((nextCountry: CountryCode) => {\n    setCountry(nextCountry)\n    setCountryOpen(false)\n    setCountryFilter('')\n  }, [])\n\n  const Comp = asChild ? Slot : 'div'\n\n  return (\n    <Comp\n      {...phoneInputProps}\n      ref={forwardedRef}\n      className={classNames(\n        'dsx-phone-input',\n        `dsx-phone-input--${density}`,\n        `dsx-phone-input--${variant}`,\n        invalid && 'dsx-phone-input--invalid',\n        className,\n      )}\n      data-size={density}\n      data-variant={variant}\n    >\n      {label ? (\n        <Label htmlFor={id} className=\"dsx-phone-input__label\">\n          {label}\n        </Label>\n      ) : null}\n      <div className=\"dsx-phone-input__shell\">\n        <div className=\"dsx-phone-input__country\" ref={countryListRef}>\n          <button\n            type=\"button\"\n            className=\"dsx-phone-input__country-button\"\n            onClick={() => !disabled && setCountryOpen((open) => !open)}\n            disabled={disabled}\n            aria-haspopup=\"listbox\"\n            aria-expanded={countryOpen}\n            aria-label=\"Country code\"\n          >\n            <span aria-hidden className={`flag:${country} dsx-phone-input__flag`} />\n            <span className=\"dsx-phone-input__country-code\">{country}</span>\n            <span className=\"dsx-phone-input__country-dial\">+{getCountryCallingCode(country)}</span>\n            <ChevronDown size={14} className=\"dsx-phone-input__country-chevron\" />\n          </button>\n          {countryOpen ? (\n            <div className=\"dsx-phone-input__country-listbox\" role=\"listbox\" aria-label=\"Countries\">\n              <input\n                className=\"dsx-phone-input__country-filter\"\n                placeholder=\"Search countries\"\n                aria-label=\"Search countries\"\n                value={countryFilter}\n                onChange={(e) => setCountryFilter(e.target.value)}\n                onKeyDown={(e) => {\n                  if (e.key === 'Escape') setCountryOpen(false)\n                }}\n              />\n              <div className=\"dsx-phone-input__country-options\">\n                {filteredCountries.map((option) => (\n                  <button\n                    key={option}\n                    type=\"button\"\n                    role=\"option\"\n                    aria-selected={option === country}\n                    className={classNames(\n                      'dsx-phone-input__country-option',\n                      option === country && 'dsx-phone-input__country-option--selected',\n                    )}\n                    onClick={() => handleCountryPick(option)}\n                  >\n                    <span aria-hidden className={`flag:${option} dsx-phone-input__flag`} />\n                    <span className=\"dsx-phone-input__country-option-code\">{option}</span>\n                    <span className=\"dsx-phone-input__country-option-name\">{countryLabel(option)}</span>\n                  </button>\n                ))}\n                {filteredCountries.length === 0 ? (\n                  <span className=\"dsx-phone-input__country-empty\">No countries match</span>\n                ) : null}\n              </div>\n            </div>\n          ) : null}\n        </div>\n        <PhoneInputInput\n          id={id}\n          country={countryOptions.includes(country) ? country : defaultCountry}\n          value={value}\n          onChange={(nextValue) => setValue(nextValue as string | undefined)}\n          inputComponent={NationalInput}\n          placeholder={placeholder}\n          disabled={disabled}\n          aria-invalid={invalid || undefined}\n          smartCaret\n        />\n      </div>\n      {errorText && invalid ? (\n        <Text variant=\"label-small\" className=\"dsx-phone-input__error\">\n          {errorText}\n        </Text>\n      ) : null}\n      {helperText && !invalid ? (\n        <Text variant=\"label-small\" tone=\"muted\" className=\"dsx-phone-input__helper\">\n          {helperText}\n        </Text>\n      ) : null}\n    </Comp>\n  )\n})\nPhoneInput.displayName = 'PhoneInput'\n\nexport { PhoneInput }\nexport type { PhoneInputProps }\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/components/pills/Pills.cjs CHANGED Viewed

@@ -110,7 +110,7 @@ const Pill = React.forwardRef(
         "data-radius": radius,
         "data-tone": tone,
         children: [
-          children,
+          asChild ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_slot.Slottable, { children }) : children,
           removable ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
             "button",
             {

package/dist/components/pills/Pills.cjs.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/pills/Pills.tsx"],
-  "sourcesContent": ["import * as React from 'react'\nimport classNames from 'classnames'\nimport { Slot } from '@radix-ui/react-slot'\n\nimport { extractProps } from '../../_internal/helpers/extractProps'\nimport { Icon } from '../icon/Icon'\nimport {\n  pillsPropDefs,\n  pillPropDefs,\n} from './pills.props'\n\nimport type { GetPropDefTypes } from '../../_internal/props/propDef'\n\ntype PillsOwnProps = GetPropDefTypes<typeof pillsPropDefs>\ntype PillOwnProps = GetPropDefTypes<typeof pillPropDefs>\n\ninterface PillsProps extends Omit<React.HTMLAttributes<HTMLUListElement>, 'color'>, PillsOwnProps {}\ninterface PillProps extends Omit<React.HTMLAttributes<HTMLLIElement>, 'color'>, PillOwnProps {\n  onRemove?: () => void\n}\n\ninterface PillsContextValue {\n  size?: PillOwnProps['size']\n  variant?: PillOwnProps['variant']\n  color?: PillOwnProps['color']\n  radius?: PillOwnProps['radius']\n}\n\nconst PillsContext = React.createContext<PillsContextValue>({})\n\n// Root variant vocabulary (solid/soft/outline) mapped onto the item vocabulary\n// so the root prop cascades instead of writing a data attribute no CSS reads.\nconst rootVariantMap = {\n  solid: 'default',\n  soft: 'soft',\n  outline: 'outline',\n} as const\n\nconst Pills = React.forwardRef<HTMLUListElement, PillsProps>(({ children, ...props }, forwardedRef) => {\n  const { asChild, className, color, radius, size = 'md', variant = 'solid', ...pillsProps } = extractProps(props, pillsPropDefs)\n  const Comp = asChild ? Slot : 'ul'\n\n  return (\n    <PillsContext.Provider value={{ size, variant: rootVariantMap[variant] ?? 'default', color, radius }}>\n      <Comp\n        {...pillsProps}\n        ref={forwardedRef}\n        className={classNames('dsx-pills', className)}\n        data-accent-color={color}\n        data-radius={radius}\n        data-size={size}\n        data-variant={variant}\n      >\n        {children}\n      </Comp>\n    </PillsContext.Provider>\n  )\n})\nPills.displayName = 'Pills'\n\nconst Pill = React.forwardRef<HTMLLIElement, PillProps>(\n  ({ children, onRemove, size: sizeProp, color: colorProp, radius: radiusProp, variant: variantProp, ...props }, forwardedRef) => {\n    const context = React.useContext(PillsContext)\n    const {\n      asChild,\n      className,\n      variant = 'default',\n      size = 'md',\n      color,\n      radius,\n      tone,\n      removable = false,\n      ...pillProps\n    } = extractProps(\n      {\n        ...props,\n        variant: variantProp ?? context.variant,\n        size: sizeProp ?? context.size,\n        color: colorProp ?? context.color,\n        radius: radiusProp ?? context.radius,\n      },\n      pillPropDefs,\n    )\n    const Comp = asChild ? Slot : 'li'\n\n    return (\n      <Comp\n        {...pillProps}\n        ref={forwardedRef}\n        className={classNames(\n          'dsx-pill',\n          variant === 'default' && 'dsx-pill--default',\n          variant === 'secondary' && 'dsx-pill--secondary',\n          variant === 'soft' && 'dsx-pill--soft',\n          variant === 'destructive' && 'dsx-pill--destructive',\n          variant === 'outline' && 'dsx-pill--outline',\n          variant === 'ghost' && 'dsx-pill--ghost',\n          variant === 'link' && 'dsx-pill--link',\n          size === 'sm' && 'dsx-pill--sm',\n          size === 'md' && 'dsx-pill--md',\n          size === 'lg' && 'dsx-pill--lg',\n          className,\n        )}\n        data-accent-color={color}\n        data-radius={radius}\n        data-tone={tone}\n      >\n        {children}\n        {removable ? (\n          <button\n            type=\"button\"\n            className=\"dsx-pill__remove\"\n            aria-label=\"Remove\"\n            onClick={onRemove}\n          >\n            <Icon name=\"x\" size=\"sm\" />\n          </button>\n        ) : null}\n      </Comp>\n    )\n  },\n)\nPill.displayName = 'Pill'\n\nconst PillsRoot: typeof Pills & {\n  Pill: typeof Pill\n} = Object.assign(Pills, {\n  Pill,\n})\n\nexport {\n  PillsRoot as Pills,\n  Pill,\n}\nexport type {\n  PillsProps,\n  PillProps,\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YAAuB;AACvB,wBAAuB;AACvB,wBAAqB;AAErB,0BAA6B;AAC7B,kBAAqB;AACrB,mBAGO;AAmCD;AAhBN,MAAM,eAAe,MAAM,cAAiC,CAAC,CAAC;AAI9D,MAAM,iBAAiB;AAAA,EACrB,OAAO;AAAA,EACP,MAAM;AAAA,EACN,SAAS;AACX;AAEA,MAAM,QAAQ,MAAM,WAAyC,CAAC,EAAE,UAAU,GAAG,MAAM,GAAG,iBAAiB;AACrG,QAAM,EAAE,SAAS,WAAW,OAAO,QAAQ,OAAO,MAAM,UAAU,SAAS,GAAG,WAAW,QAAI,kCAAa,OAAO,0BAAa;AAC9H,QAAM,OAAO,UAAU,yBAAO;AAE9B,SACE,4CAAC,aAAa,UAAb,EAAsB,OAAO,EAAE,MAAM,SAAS,eAAe,OAAO,KAAK,WAAW,OAAO,OAAO,GACjG;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,KAAK;AAAA,MACL,eAAW,kBAAAA,SAAW,aAAa,SAAS;AAAA,MAC5C,qBAAmB;AAAA,MACnB,eAAa;AAAA,MACb,aAAW;AAAA,MACX,gBAAc;AAAA,MAEb;AAAA;AAAA,EACH,GACF;AAEJ,CAAC;AACD,MAAM,cAAc;AAEpB,MAAM,OAAO,MAAM;AAAA,EACjB,CAAC,EAAE,UAAU,UAAU,MAAM,UAAU,OAAO,WAAW,QAAQ,YAAY,SAAS,aAAa,GAAG,MAAM,GAAG,iBAAiB;AAC9H,UAAM,UAAU,MAAM,WAAW,YAAY;AAC7C,UAAM;AAAA,MACJ;AAAA,MACA;AAAA,MACA,UAAU;AAAA,MACV,OAAO;AAAA,MACP;AAAA,MACA;AAAA,MACA;AAAA,MACA,YAAY;AAAA,MACZ,GAAG;AAAA,IACL,QAAI;AAAA,MACF;AAAA,QACE,GAAG;AAAA,QACH,SAAS,eAAe,QAAQ;AAAA,QAChC,MAAM,YAAY,QAAQ;AAAA,QAC1B,OAAO,aAAa,QAAQ;AAAA,QAC5B,QAAQ,cAAc,QAAQ;AAAA,MAChC;AAAA,MACA;AAAA,IACF;AACA,UAAM,OAAO,UAAU,yBAAO;AAE9B,WACE;AAAA,MAAC;AAAA;AAAA,QACE,GAAG;AAAA,QACJ,KAAK;AAAA,QACL,eAAW,kBAAAA;AAAA,UACT;AAAA,UACA,YAAY,aAAa;AAAA,UACzB,YAAY,eAAe;AAAA,UAC3B,YAAY,UAAU;AAAA,UACtB,YAAY,iBAAiB;AAAA,UAC7B,YAAY,aAAa;AAAA,UACzB,YAAY,WAAW;AAAA,UACvB,YAAY,UAAU;AAAA,UACtB,SAAS,QAAQ;AAAA,UACjB,SAAS,QAAQ;AAAA,UACjB,SAAS,QAAQ;AAAA,UACjB;AAAA,QACF;AAAA,QACA,qBAAmB;AAAA,QACnB,eAAa;AAAA,QACb,aAAW;AAAA,QAEV;AAAA;AAAA,UACA,YACC;AAAA,YAAC;AAAA;AAAA,cACC,MAAK;AAAA,cACL,WAAU;AAAA,cACV,cAAW;AAAA,cACX,SAAS;AAAA,cAET,sDAAC,oBAAK,MAAK,KAAI,MAAK,MAAK;AAAA;AAAA,UAC3B,IACE;AAAA;AAAA;AAAA,IACN;AAAA,EAEJ;AACF;AACA,KAAK,cAAc;AAEnB,MAAM,YAEF,OAAO,OAAO,OAAO;AAAA,EACvB;AACF,CAAC;",
+  "sourcesContent": ["import * as React from 'react'\nimport classNames from 'classnames'\nimport { Slot, Slottable } from '@radix-ui/react-slot'\n\nimport { extractProps } from '../../_internal/helpers/extractProps'\nimport { Icon } from '../icon/Icon'\nimport {\n  pillsPropDefs,\n  pillPropDefs,\n} from './pills.props'\n\nimport type { GetPropDefTypes } from '../../_internal/props/propDef'\n\ntype PillsOwnProps = GetPropDefTypes<typeof pillsPropDefs>\ntype PillOwnProps = GetPropDefTypes<typeof pillPropDefs>\n\ninterface PillsProps extends Omit<React.HTMLAttributes<HTMLUListElement>, 'color'>, PillsOwnProps {}\ninterface PillProps extends Omit<React.HTMLAttributes<HTMLLIElement>, 'color'>, PillOwnProps {\n  onRemove?: () => void\n}\n\ninterface PillsContextValue {\n  size?: PillOwnProps['size']\n  variant?: PillOwnProps['variant']\n  color?: PillOwnProps['color']\n  radius?: PillOwnProps['radius']\n}\n\nconst PillsContext = React.createContext<PillsContextValue>({})\n\n// Root variant vocabulary (solid/soft/outline) mapped onto the item vocabulary\n// so the root prop cascades instead of writing a data attribute no CSS reads.\nconst rootVariantMap = {\n  solid: 'default',\n  soft: 'soft',\n  outline: 'outline',\n} as const\n\nconst Pills = React.forwardRef<HTMLUListElement, PillsProps>(({ children, ...props }, forwardedRef) => {\n  const { asChild, className, color, radius, size = 'md', variant = 'solid', ...pillsProps } = extractProps(props, pillsPropDefs)\n  const Comp = asChild ? Slot : 'ul'\n\n  return (\n    <PillsContext.Provider value={{ size, variant: rootVariantMap[variant] ?? 'default', color, radius }}>\n      <Comp\n        {...pillsProps}\n        ref={forwardedRef}\n        className={classNames('dsx-pills', className)}\n        data-accent-color={color}\n        data-radius={radius}\n        data-size={size}\n        data-variant={variant}\n      >\n        {children}\n      </Comp>\n    </PillsContext.Provider>\n  )\n})\nPills.displayName = 'Pills'\n\nconst Pill = React.forwardRef<HTMLLIElement, PillProps>(\n  ({ children, onRemove, size: sizeProp, color: colorProp, radius: radiusProp, variant: variantProp, ...props }, forwardedRef) => {\n    const context = React.useContext(PillsContext)\n    const {\n      asChild,\n      className,\n      variant = 'default',\n      size = 'md',\n      color,\n      radius,\n      tone,\n      removable = false,\n      ...pillProps\n    } = extractProps(\n      {\n        ...props,\n        variant: variantProp ?? context.variant,\n        size: sizeProp ?? context.size,\n        color: colorProp ?? context.color,\n        radius: radiusProp ?? context.radius,\n      },\n      pillPropDefs,\n    )\n    const Comp = asChild ? Slot : 'li'\n\n    return (\n      <Comp\n        {...pillProps}\n        ref={forwardedRef}\n        className={classNames(\n          'dsx-pill',\n          variant === 'default' && 'dsx-pill--default',\n          variant === 'secondary' && 'dsx-pill--secondary',\n          variant === 'soft' && 'dsx-pill--soft',\n          variant === 'destructive' && 'dsx-pill--destructive',\n          variant === 'outline' && 'dsx-pill--outline',\n          variant === 'ghost' && 'dsx-pill--ghost',\n          variant === 'link' && 'dsx-pill--link',\n          size === 'sm' && 'dsx-pill--sm',\n          size === 'md' && 'dsx-pill--md',\n          size === 'lg' && 'dsx-pill--lg',\n          className,\n        )}\n        data-accent-color={color}\n        data-radius={radius}\n        data-tone={tone}\n      >\n        {asChild ? <Slottable>{children}</Slottable> : children}\n        {removable ? (\n          <button\n            type=\"button\"\n            className=\"dsx-pill__remove\"\n            aria-label=\"Remove\"\n            onClick={onRemove}\n          >\n            <Icon name=\"x\" size=\"sm\" />\n          </button>\n        ) : null}\n      </Comp>\n    )\n  },\n)\nPill.displayName = 'Pill'\n\nconst PillsRoot: typeof Pills & {\n  Pill: typeof Pill\n} = Object.assign(Pills, {\n  Pill,\n})\n\nexport {\n  PillsRoot as Pills,\n  Pill,\n}\nexport type {\n  PillsProps,\n  PillProps,\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YAAuB;AACvB,wBAAuB;AACvB,wBAAgC;AAEhC,0BAA6B;AAC7B,kBAAqB;AACrB,mBAGO;AAmCD;AAhBN,MAAM,eAAe,MAAM,cAAiC,CAAC,CAAC;AAI9D,MAAM,iBAAiB;AAAA,EACrB,OAAO;AAAA,EACP,MAAM;AAAA,EACN,SAAS;AACX;AAEA,MAAM,QAAQ,MAAM,WAAyC,CAAC,EAAE,UAAU,GAAG,MAAM,GAAG,iBAAiB;AACrG,QAAM,EAAE,SAAS,WAAW,OAAO,QAAQ,OAAO,MAAM,UAAU,SAAS,GAAG,WAAW,QAAI,kCAAa,OAAO,0BAAa;AAC9H,QAAM,OAAO,UAAU,yBAAO;AAE9B,SACE,4CAAC,aAAa,UAAb,EAAsB,OAAO,EAAE,MAAM,SAAS,eAAe,OAAO,KAAK,WAAW,OAAO,OAAO,GACjG;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,KAAK;AAAA,MACL,eAAW,kBAAAA,SAAW,aAAa,SAAS;AAAA,MAC5C,qBAAmB;AAAA,MACnB,eAAa;AAAA,MACb,aAAW;AAAA,MACX,gBAAc;AAAA,MAEb;AAAA;AAAA,EACH,GACF;AAEJ,CAAC;AACD,MAAM,cAAc;AAEpB,MAAM,OAAO,MAAM;AAAA,EACjB,CAAC,EAAE,UAAU,UAAU,MAAM,UAAU,OAAO,WAAW,QAAQ,YAAY,SAAS,aAAa,GAAG,MAAM,GAAG,iBAAiB;AAC9H,UAAM,UAAU,MAAM,WAAW,YAAY;AAC7C,UAAM;AAAA,MACJ;AAAA,MACA;AAAA,MACA,UAAU;AAAA,MACV,OAAO;AAAA,MACP;AAAA,MACA;AAAA,MACA;AAAA,MACA,YAAY;AAAA,MACZ,GAAG;AAAA,IACL,QAAI;AAAA,MACF;AAAA,QACE,GAAG;AAAA,QACH,SAAS,eAAe,QAAQ;AAAA,QAChC,MAAM,YAAY,QAAQ;AAAA,QAC1B,OAAO,aAAa,QAAQ;AAAA,QAC5B,QAAQ,cAAc,QAAQ;AAAA,MAChC;AAAA,MACA;AAAA,IACF;AACA,UAAM,OAAO,UAAU,yBAAO;AAE9B,WACE;AAAA,MAAC;AAAA;AAAA,QACE,GAAG;AAAA,QACJ,KAAK;AAAA,QACL,eAAW,kBAAAA;AAAA,UACT;AAAA,UACA,YAAY,aAAa;AAAA,UACzB,YAAY,eAAe;AAAA,UAC3B,YAAY,UAAU;AAAA,UACtB,YAAY,iBAAiB;AAAA,UAC7B,YAAY,aAAa;AAAA,UACzB,YAAY,WAAW;AAAA,UACvB,YAAY,UAAU;AAAA,UACtB,SAAS,QAAQ;AAAA,UACjB,SAAS,QAAQ;AAAA,UACjB,SAAS,QAAQ;AAAA,UACjB;AAAA,QACF;AAAA,QACA,qBAAmB;AAAA,QACnB,eAAa;AAAA,QACb,aAAW;AAAA,QAEV;AAAA,oBAAU,4CAAC,+BAAW,UAAS,IAAe;AAAA,UAC9C,YACC;AAAA,YAAC;AAAA;AAAA,cACC,MAAK;AAAA,cACL,WAAU;AAAA,cACV,cAAW;AAAA,cACX,SAAS;AAAA,cAET,sDAAC,oBAAK,MAAK,KAAI,MAAK,MAAK;AAAA;AAAA,UAC3B,IACE;AAAA;AAAA;AAAA,IACN;AAAA,EAEJ;AACF;AACA,KAAK,cAAc;AAEnB,MAAM,YAEF,OAAO,OAAO,OAAO;AAAA,EACvB;AACF,CAAC;",
   "names": ["classNames"]
 }

package/dist/components/pills/Pills.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import * as React from "react";
 import classNames from "classnames";
-import { Slot } from "@radix-ui/react-slot";
+import { Slot, Slottable } from "@radix-ui/react-slot";
 import { extractProps } from "../../_internal/helpers/extractProps.js";
 import { Icon } from "../icon/Icon.js";
 import {
@@ -79,7 +79,7 @@ const Pill = React.forwardRef(
         "data-radius": radius,
         "data-tone": tone,
         children: [
-          children,
+          asChild ? /* @__PURE__ */ jsx(Slottable, { children }) : children,
           removable ? /* @__PURE__ */ jsx(
             "button",
             {

package/dist/components/pills/Pills.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/pills/Pills.tsx"],
-  "sourcesContent": ["import * as React from 'react'\nimport classNames from 'classnames'\nimport { Slot } from '@radix-ui/react-slot'\n\nimport { extractProps } from '../../_internal/helpers/extractProps'\nimport { Icon } from '../icon/Icon'\nimport {\n  pillsPropDefs,\n  pillPropDefs,\n} from './pills.props'\n\nimport type { GetPropDefTypes } from '../../_internal/props/propDef'\n\ntype PillsOwnProps = GetPropDefTypes<typeof pillsPropDefs>\ntype PillOwnProps = GetPropDefTypes<typeof pillPropDefs>\n\ninterface PillsProps extends Omit<React.HTMLAttributes<HTMLUListElement>, 'color'>, PillsOwnProps {}\ninterface PillProps extends Omit<React.HTMLAttributes<HTMLLIElement>, 'color'>, PillOwnProps {\n  onRemove?: () => void\n}\n\ninterface PillsContextValue {\n  size?: PillOwnProps['size']\n  variant?: PillOwnProps['variant']\n  color?: PillOwnProps['color']\n  radius?: PillOwnProps['radius']\n}\n\nconst PillsContext = React.createContext<PillsContextValue>({})\n\n// Root variant vocabulary (solid/soft/outline) mapped onto the item vocabulary\n// so the root prop cascades instead of writing a data attribute no CSS reads.\nconst rootVariantMap = {\n  solid: 'default',\n  soft: 'soft',\n  outline: 'outline',\n} as const\n\nconst Pills = React.forwardRef<HTMLUListElement, PillsProps>(({ children, ...props }, forwardedRef) => {\n  const { asChild, className, color, radius, size = 'md', variant = 'solid', ...pillsProps } = extractProps(props, pillsPropDefs)\n  const Comp = asChild ? Slot : 'ul'\n\n  return (\n    <PillsContext.Provider value={{ size, variant: rootVariantMap[variant] ?? 'default', color, radius }}>\n      <Comp\n        {...pillsProps}\n        ref={forwardedRef}\n        className={classNames('dsx-pills', className)}\n        data-accent-color={color}\n        data-radius={radius}\n        data-size={size}\n        data-variant={variant}\n      >\n        {children}\n      </Comp>\n    </PillsContext.Provider>\n  )\n})\nPills.displayName = 'Pills'\n\nconst Pill = React.forwardRef<HTMLLIElement, PillProps>(\n  ({ children, onRemove, size: sizeProp, color: colorProp, radius: radiusProp, variant: variantProp, ...props }, forwardedRef) => {\n    const context = React.useContext(PillsContext)\n    const {\n      asChild,\n      className,\n      variant = 'default',\n      size = 'md',\n      color,\n      radius,\n      tone,\n      removable = false,\n      ...pillProps\n    } = extractProps(\n      {\n        ...props,\n        variant: variantProp ?? context.variant,\n        size: sizeProp ?? context.size,\n        color: colorProp ?? context.color,\n        radius: radiusProp ?? context.radius,\n      },\n      pillPropDefs,\n    )\n    const Comp = asChild ? Slot : 'li'\n\n    return (\n      <Comp\n        {...pillProps}\n        ref={forwardedRef}\n        className={classNames(\n          'dsx-pill',\n          variant === 'default' && 'dsx-pill--default',\n          variant === 'secondary' && 'dsx-pill--secondary',\n          variant === 'soft' && 'dsx-pill--soft',\n          variant === 'destructive' && 'dsx-pill--destructive',\n          variant === 'outline' && 'dsx-pill--outline',\n          variant === 'ghost' && 'dsx-pill--ghost',\n          variant === 'link' && 'dsx-pill--link',\n          size === 'sm' && 'dsx-pill--sm',\n          size === 'md' && 'dsx-pill--md',\n          size === 'lg' && 'dsx-pill--lg',\n          className,\n        )}\n        data-accent-color={color}\n        data-radius={radius}\n        data-tone={tone}\n      >\n        {children}\n        {removable ? (\n          <button\n            type=\"button\"\n            className=\"dsx-pill__remove\"\n            aria-label=\"Remove\"\n            onClick={onRemove}\n          >\n            <Icon name=\"x\" size=\"sm\" />\n          </button>\n        ) : null}\n      </Comp>\n    )\n  },\n)\nPill.displayName = 'Pill'\n\nconst PillsRoot: typeof Pills & {\n  Pill: typeof Pill\n} = Object.assign(Pills, {\n  Pill,\n})\n\nexport {\n  PillsRoot as Pills,\n  Pill,\n}\nexport type {\n  PillsProps,\n  PillProps,\n}\n"],
-  "mappings": "AAAA,YAAY,WAAW;AACvB,OAAO,gBAAgB;AACvB,SAAS,YAAY;AAErB,SAAS,oBAAoB;AAC7B,SAAS,YAAY;AACrB;AAAA,EACE;AAAA,EACA;AAAA,OACK;AAmCD,cA0CA,YA1CA;AAhBN,MAAM,eAAe,MAAM,cAAiC,CAAC,CAAC;AAI9D,MAAM,iBAAiB;AAAA,EACrB,OAAO;AAAA,EACP,MAAM;AAAA,EACN,SAAS;AACX;AAEA,MAAM,QAAQ,MAAM,WAAyC,CAAC,EAAE,UAAU,GAAG,MAAM,GAAG,iBAAiB;AACrG,QAAM,EAAE,SAAS,WAAW,OAAO,QAAQ,OAAO,MAAM,UAAU,SAAS,GAAG,WAAW,IAAI,aAAa,OAAO,aAAa;AAC9H,QAAM,OAAO,UAAU,OAAO;AAE9B,SACE,oBAAC,aAAa,UAAb,EAAsB,OAAO,EAAE,MAAM,SAAS,eAAe,OAAO,KAAK,WAAW,OAAO,OAAO,GACjG;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,KAAK;AAAA,MACL,WAAW,WAAW,aAAa,SAAS;AAAA,MAC5C,qBAAmB;AAAA,MACnB,eAAa;AAAA,MACb,aAAW;AAAA,MACX,gBAAc;AAAA,MAEb;AAAA;AAAA,EACH,GACF;AAEJ,CAAC;AACD,MAAM,cAAc;AAEpB,MAAM,OAAO,MAAM;AAAA,EACjB,CAAC,EAAE,UAAU,UAAU,MAAM,UAAU,OAAO,WAAW,QAAQ,YAAY,SAAS,aAAa,GAAG,MAAM,GAAG,iBAAiB;AAC9H,UAAM,UAAU,MAAM,WAAW,YAAY;AAC7C,UAAM;AAAA,MACJ;AAAA,MACA;AAAA,MACA,UAAU;AAAA,MACV,OAAO;AAAA,MACP;AAAA,MACA;AAAA,MACA;AAAA,MACA,YAAY;AAAA,MACZ,GAAG;AAAA,IACL,IAAI;AAAA,MACF;AAAA,QACE,GAAG;AAAA,QACH,SAAS,eAAe,QAAQ;AAAA,QAChC,MAAM,YAAY,QAAQ;AAAA,QAC1B,OAAO,aAAa,QAAQ;AAAA,QAC5B,QAAQ,cAAc,QAAQ;AAAA,MAChC;AAAA,MACA;AAAA,IACF;AACA,UAAM,OAAO,UAAU,OAAO;AAE9B,WACE;AAAA,MAAC;AAAA;AAAA,QACE,GAAG;AAAA,QACJ,KAAK;AAAA,QACL,WAAW;AAAA,UACT;AAAA,UACA,YAAY,aAAa;AAAA,UACzB,YAAY,eAAe;AAAA,UAC3B,YAAY,UAAU;AAAA,UACtB,YAAY,iBAAiB;AAAA,UAC7B,YAAY,aAAa;AAAA,UACzB,YAAY,WAAW;AAAA,UACvB,YAAY,UAAU;AAAA,UACtB,SAAS,QAAQ;AAAA,UACjB,SAAS,QAAQ;AAAA,UACjB,SAAS,QAAQ;AAAA,UACjB;AAAA,QACF;AAAA,QACA,qBAAmB;AAAA,QACnB,eAAa;AAAA,QACb,aAAW;AAAA,QAEV;AAAA;AAAA,UACA,YACC;AAAA,YAAC;AAAA;AAAA,cACC,MAAK;AAAA,cACL,WAAU;AAAA,cACV,cAAW;AAAA,cACX,SAAS;AAAA,cAET,8BAAC,QAAK,MAAK,KAAI,MAAK,MAAK;AAAA;AAAA,UAC3B,IACE;AAAA;AAAA;AAAA,IACN;AAAA,EAEJ;AACF;AACA,KAAK,cAAc;AAEnB,MAAM,YAEF,OAAO,OAAO,OAAO;AAAA,EACvB;AACF,CAAC;",
+  "sourcesContent": ["import * as React from 'react'\nimport classNames from 'classnames'\nimport { Slot, Slottable } from '@radix-ui/react-slot'\n\nimport { extractProps } from '../../_internal/helpers/extractProps'\nimport { Icon } from '../icon/Icon'\nimport {\n  pillsPropDefs,\n  pillPropDefs,\n} from './pills.props'\n\nimport type { GetPropDefTypes } from '../../_internal/props/propDef'\n\ntype PillsOwnProps = GetPropDefTypes<typeof pillsPropDefs>\ntype PillOwnProps = GetPropDefTypes<typeof pillPropDefs>\n\ninterface PillsProps extends Omit<React.HTMLAttributes<HTMLUListElement>, 'color'>, PillsOwnProps {}\ninterface PillProps extends Omit<React.HTMLAttributes<HTMLLIElement>, 'color'>, PillOwnProps {\n  onRemove?: () => void\n}\n\ninterface PillsContextValue {\n  size?: PillOwnProps['size']\n  variant?: PillOwnProps['variant']\n  color?: PillOwnProps['color']\n  radius?: PillOwnProps['radius']\n}\n\nconst PillsContext = React.createContext<PillsContextValue>({})\n\n// Root variant vocabulary (solid/soft/outline) mapped onto the item vocabulary\n// so the root prop cascades instead of writing a data attribute no CSS reads.\nconst rootVariantMap = {\n  solid: 'default',\n  soft: 'soft',\n  outline: 'outline',\n} as const\n\nconst Pills = React.forwardRef<HTMLUListElement, PillsProps>(({ children, ...props }, forwardedRef) => {\n  const { asChild, className, color, radius, size = 'md', variant = 'solid', ...pillsProps } = extractProps(props, pillsPropDefs)\n  const Comp = asChild ? Slot : 'ul'\n\n  return (\n    <PillsContext.Provider value={{ size, variant: rootVariantMap[variant] ?? 'default', color, radius }}>\n      <Comp\n        {...pillsProps}\n        ref={forwardedRef}\n        className={classNames('dsx-pills', className)}\n        data-accent-color={color}\n        data-radius={radius}\n        data-size={size}\n        data-variant={variant}\n      >\n        {children}\n      </Comp>\n    </PillsContext.Provider>\n  )\n})\nPills.displayName = 'Pills'\n\nconst Pill = React.forwardRef<HTMLLIElement, PillProps>(\n  ({ children, onRemove, size: sizeProp, color: colorProp, radius: radiusProp, variant: variantProp, ...props }, forwardedRef) => {\n    const context = React.useContext(PillsContext)\n    const {\n      asChild,\n      className,\n      variant = 'default',\n      size = 'md',\n      color,\n      radius,\n      tone,\n      removable = false,\n      ...pillProps\n    } = extractProps(\n      {\n        ...props,\n        variant: variantProp ?? context.variant,\n        size: sizeProp ?? context.size,\n        color: colorProp ?? context.color,\n        radius: radiusProp ?? context.radius,\n      },\n      pillPropDefs,\n    )\n    const Comp = asChild ? Slot : 'li'\n\n    return (\n      <Comp\n        {...pillProps}\n        ref={forwardedRef}\n        className={classNames(\n          'dsx-pill',\n          variant === 'default' && 'dsx-pill--default',\n          variant === 'secondary' && 'dsx-pill--secondary',\n          variant === 'soft' && 'dsx-pill--soft',\n          variant === 'destructive' && 'dsx-pill--destructive',\n          variant === 'outline' && 'dsx-pill--outline',\n          variant === 'ghost' && 'dsx-pill--ghost',\n          variant === 'link' && 'dsx-pill--link',\n          size === 'sm' && 'dsx-pill--sm',\n          size === 'md' && 'dsx-pill--md',\n          size === 'lg' && 'dsx-pill--lg',\n          className,\n        )}\n        data-accent-color={color}\n        data-radius={radius}\n        data-tone={tone}\n      >\n        {asChild ? <Slottable>{children}</Slottable> : children}\n        {removable ? (\n          <button\n            type=\"button\"\n            className=\"dsx-pill__remove\"\n            aria-label=\"Remove\"\n            onClick={onRemove}\n          >\n            <Icon name=\"x\" size=\"sm\" />\n          </button>\n        ) : null}\n      </Comp>\n    )\n  },\n)\nPill.displayName = 'Pill'\n\nconst PillsRoot: typeof Pills & {\n  Pill: typeof Pill\n} = Object.assign(Pills, {\n  Pill,\n})\n\nexport {\n  PillsRoot as Pills,\n  Pill,\n}\nexport type {\n  PillsProps,\n  PillProps,\n}\n"],
+  "mappings": "AAAA,YAAY,WAAW;AACvB,OAAO,gBAAgB;AACvB,SAAS,MAAM,iBAAiB;AAEhC,SAAS,oBAAoB;AAC7B,SAAS,YAAY;AACrB;AAAA,EACE;AAAA,EACA;AAAA,OACK;AAmCD,cA0CA,YA1CA;AAhBN,MAAM,eAAe,MAAM,cAAiC,CAAC,CAAC;AAI9D,MAAM,iBAAiB;AAAA,EACrB,OAAO;AAAA,EACP,MAAM;AAAA,EACN,SAAS;AACX;AAEA,MAAM,QAAQ,MAAM,WAAyC,CAAC,EAAE,UAAU,GAAG,MAAM,GAAG,iBAAiB;AACrG,QAAM,EAAE,SAAS,WAAW,OAAO,QAAQ,OAAO,MAAM,UAAU,SAAS,GAAG,WAAW,IAAI,aAAa,OAAO,aAAa;AAC9H,QAAM,OAAO,UAAU,OAAO;AAE9B,SACE,oBAAC,aAAa,UAAb,EAAsB,OAAO,EAAE,MAAM,SAAS,eAAe,OAAO,KAAK,WAAW,OAAO,OAAO,GACjG;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,KAAK;AAAA,MACL,WAAW,WAAW,aAAa,SAAS;AAAA,MAC5C,qBAAmB;AAAA,MACnB,eAAa;AAAA,MACb,aAAW;AAAA,MACX,gBAAc;AAAA,MAEb;AAAA;AAAA,EACH,GACF;AAEJ,CAAC;AACD,MAAM,cAAc;AAEpB,MAAM,OAAO,MAAM;AAAA,EACjB,CAAC,EAAE,UAAU,UAAU,MAAM,UAAU,OAAO,WAAW,QAAQ,YAAY,SAAS,aAAa,GAAG,MAAM,GAAG,iBAAiB;AAC9H,UAAM,UAAU,MAAM,WAAW,YAAY;AAC7C,UAAM;AAAA,MACJ;AAAA,MACA;AAAA,MACA,UAAU;AAAA,MACV,OAAO;AAAA,MACP;AAAA,MACA;AAAA,MACA;AAAA,MACA,YAAY;AAAA,MACZ,GAAG;AAAA,IACL,IAAI;AAAA,MACF;AAAA,QACE,GAAG;AAAA,QACH,SAAS,eAAe,QAAQ;AAAA,QAChC,MAAM,YAAY,QAAQ;AAAA,QAC1B,OAAO,aAAa,QAAQ;AAAA,QAC5B,QAAQ,cAAc,QAAQ;AAAA,MAChC;AAAA,MACA;AAAA,IACF;AACA,UAAM,OAAO,UAAU,OAAO;AAE9B,WACE;AAAA,MAAC;AAAA;AAAA,QACE,GAAG;AAAA,QACJ,KAAK;AAAA,QACL,WAAW;AAAA,UACT;AAAA,UACA,YAAY,aAAa;AAAA,UACzB,YAAY,eAAe;AAAA,UAC3B,YAAY,UAAU;AAAA,UACtB,YAAY,iBAAiB;AAAA,UAC7B,YAAY,aAAa;AAAA,UACzB,YAAY,WAAW;AAAA,UACvB,YAAY,UAAU;AAAA,UACtB,SAAS,QAAQ;AAAA,UACjB,SAAS,QAAQ;AAAA,UACjB,SAAS,QAAQ;AAAA,UACjB;AAAA,QACF;AAAA,QACA,qBAAmB;AAAA,QACnB,eAAa;AAAA,QACb,aAAW;AAAA,QAEV;AAAA,oBAAU,oBAAC,aAAW,UAAS,IAAe;AAAA,UAC9C,YACC;AAAA,YAAC;AAAA;AAAA,cACC,MAAK;AAAA,cACL,WAAU;AAAA,cACV,cAAW;AAAA,cACX,SAAS;AAAA,cAET,8BAAC,QAAK,MAAK,KAAI,MAAK,MAAK;AAAA;AAAA,UAC3B,IACE;AAAA;AAAA;AAAA,IACN;AAAA,EAEJ;AACF;AACA,KAAK,cAAc;AAEnB,MAAM,YAEF,OAAO,OAAO,OAAO;AAAA,EACvB;AACF,CAAC;",
   "names": []
 }

package/dist/components/pills.css CHANGED Viewed

@@ -12,6 +12,9 @@
 .dsx-pill {
   display: inline-flex;
+  min-width: 0;
+  max-width: 100%;
+  overflow-wrap: anywhere;
   align-items: center;
   gap: var(--dsx-space-xs);
   cursor: default;
@@ -150,6 +153,9 @@
 .dsx-pill__remove {
   display: inline-flex;
+  flex: none;
+  min-width: max(var(--dsx-size-md), calc(var(--dsx-size-md) / var(--dsx-density-scale, 1)));
+  min-height: max(var(--dsx-size-md), calc(var(--dsx-size-md) / var(--dsx-density-scale, 1)));
   align-items: center;
   justify-content: center;
   padding: 0;

package/dist/components/popover/Popover.cjs CHANGED Viewed

@@ -46,6 +46,7 @@ var import_classnames = __toESM(require("classnames"), 1);
 var PopoverPrimitive = __toESM(require("@radix-ui/react-popover"), 1);
 var import_Slot = require("../slot/Slot");
 var import_BaseDialog = require("../../_internal/BaseDialog");
+var import_floatingLayer = require("../../_internal/floatingLayer");
 var import_internal = require("../../_internal");
 var import_motion = require("../../_internal/motion");
 var import_extractProps = require("../../_internal/helpers/extractProps");
@@ -170,7 +171,7 @@ const PopoverContent = React.forwardRef(
             exit: prefersReducedMotion ? { opacity: 0 } : { opacity: 0, y: 2 },
             transition: prefersReducedMotion ? import_motion.MOTION_TRANSITIONS.reduced : import_motion.MOTION_TRANSITIONS.popover,
             children: [
-              children,
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_floatingLayer.FloatingLayerHostContext.Provider, { value: true, children }),
               showArrow ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PopoverPrimitive.Arrow, { className: "dsx-popover__arrow", width: 16, height: 8 }) : null
             ]
           }

package/dist/components/popover/Popover.cjs.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/popover/Popover.tsx"],
-  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport classNames from 'classnames'\nimport * as PopoverPrimitive from '@radix-ui/react-popover'\nimport { Slot } from '../slot/Slot'\n\nimport { PortalThemeBoundary, PortalThemeWrapper } from '../../_internal/BaseDialog'\nimport { usePrefersReducedMotion } from '../../_internal'\nimport { MOTION_TRANSITIONS } from '../../_internal/motion'\nimport { extractProps } from '../../_internal/helpers/extractProps'\nimport { AnimatePresence, motion } from '../../motion'\nimport { popoverContentPropDefs } from './popover.props'\n\nimport type { GetPropDefTypes } from '../../_internal/props/propDef'\n\nconst PopoverOpenContext = React.createContext(false)\n\ntype PopoverAriaContextValue = {\n  titleId: string\n  descriptionId: string\n}\n\nconst PopoverAriaContext = React.createContext<PopoverAriaContextValue | null>(null)\n\nfunction usePopoverAriaContext() {\n  return React.useContext(PopoverAriaContext)\n}\n\nfunction useControllablePopoverOpenState({\n  open: openProp,\n  defaultOpen,\n  onOpenChange,\n}: Pick<PopoverRootProps, 'open' | 'defaultOpen' | 'onOpenChange'>) {\n  const [uncontrolledOpen, setUncontrolledOpen] = React.useState(defaultOpen ?? false)\n  const open = openProp ?? uncontrolledOpen\n\n  const handleOpenChange = React.useCallback(\n    (nextOpen: boolean) => {\n      if (openProp === undefined) {\n        setUncontrolledOpen(nextOpen)\n      }\n\n      onOpenChange?.(nextOpen)\n    },\n    [onOpenChange, openProp],\n  )\n\n  return [open, handleOpenChange] as const\n}\n\ntype PopoverContentOwnProps = GetPropDefTypes<typeof popoverContentPropDefs>\n\ntype PopoverRootProps = React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Root>\ntype PopoverProps = PopoverRootProps\ntype PopoverContentProps = React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Content> & PopoverContentOwnProps\n\ntype PopoverSide = NonNullable<React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Content>['side']>\ntype PopoverAlign = NonNullable<React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Content>['align']>\n\ninterface PopoverPositionerProps extends React.ComponentPropsWithoutRef<'div'> {\n  side?: PopoverSide\n  sideOffset?: number\n  align?: PopoverAlign\n  alignOffset?: number\n  asChild?: boolean\n}\n\ninterface PopoverArrowProps extends Omit<React.ComponentPropsWithoutRef<'svg'>, 'width' | 'height'> {\n  width?: number\n  height?: number\n  asChild?: boolean\n}\n\nconst PopoverTrigger: typeof PopoverPrimitive.Trigger = PopoverPrimitive.Trigger\nconst PopoverAnchor: typeof PopoverPrimitive.Anchor = PopoverPrimitive.Anchor\n\nfunction PopoverRoot({ children, defaultOpen, onOpenChange, open: openProp, ...props }: PopoverRootProps) {\n  const [open, setOpen] = useControllablePopoverOpenState({\n    open: openProp,\n    defaultOpen,\n    onOpenChange,\n  })\n\n  return (\n    <PortalThemeBoundary>\n      <PopoverOpenContext.Provider value={open}>\n        <PopoverPrimitive.Root {...props} open={open} onOpenChange={setOpen}>\n          {children}\n        </PopoverPrimitive.Root>\n      </PopoverOpenContext.Provider>\n    </PortalThemeBoundary>\n  )\n}\nPopoverRoot.displayName = 'Popover'\n\nconst PopoverPositioner = React.forwardRef<HTMLDivElement, PopoverPositionerProps>(\n  ({ className, side = 'bottom', sideOffset = 8, align = 'center', alignOffset = 0, asChild, children, ...props }, forwardedRef) => {\n    const Comp = asChild ? Slot : 'div'\n    return (\n      <Comp\n        ref={forwardedRef}\n        className={classNames('dsx-popover__positioner', className)}\n        data-slot=\"popover-positioner\"\n        data-side={side}\n        data-align={align}\n        {...props}\n      >\n        {children}\n      </Comp>\n    )\n  },\n)\nPopoverPositioner.displayName = 'PopoverPositioner'\n\nconst PopoverArrow = React.forwardRef<SVGSVGElement, PopoverArrowProps>(\n  ({ className, width = 10, height = 5, asChild, ...props }, forwardedRef) => {\n    if (asChild) {\n      const { onCopy: _onCopy, ...slotProps } = props as React.ComponentPropsWithoutRef<'div'>\n      return (\n        <Slot\n          ref={forwardedRef as React.ForwardedRef<HTMLElement>}\n          className={classNames('dsx-popover__arrow', className)}\n          data-slot=\"popover-arrow\"\n          {...slotProps}\n        />\n      )\n    }\n    return (\n      <svg\n        ref={forwardedRef}\n        className={classNames('dsx-popover__arrow', className)}\n        data-slot=\"popover-arrow\"\n        width={width}\n        height={height}\n        viewBox=\"0 0 10 5\"\n        preserveAspectRatio=\"none\"\n        {...props}\n      >\n        <path d=\"M0 0 L5 5 L10 0 Z\" fill=\"currentColor\" />\n      </svg>\n    )\n  },\n)\nPopoverArrow.displayName = 'PopoverArrow'\n\nconst PopoverContent = React.forwardRef<React.ComponentRef<typeof PopoverPrimitive.Content>, PopoverContentProps>(\n  ({ className: propClassName, forceMount: forceMountProp = false, sideOffset = 8, showArrow = false, size = 'md', children, ...props }, forwardedRef) => {\n    const open = React.useContext(PopoverOpenContext)\n    const prefersReducedMotion = usePrefersReducedMotion()\n    const { className, ...contentProps } = extractProps(\n      {\n        ...props,\n        className: propClassName,\n        showArrow,\n      },\n      popoverContentPropDefs,\n    )\n    const isPresent = open || forceMountProp\n    const titleId = React.useId()\n    const descriptionId = React.useId()\n\n    return (\n      <PopoverPrimitive.Portal>\n        <AnimatePresence initial={false}>\n          {isPresent ? (\n            <PortalThemeWrapper key=\"popover-content\">\n              <PopoverAriaContext.Provider value={{ titleId, descriptionId }}>\n                <PopoverPrimitive.Content\n                  {...contentProps}\n                  ref={forwardedRef}\n                  asChild\n                  sideOffset={sideOffset}\n                  aria-labelledby={titleId}\n                  aria-describedby={descriptionId}\n                  data-size={size}\n                  data-show-arrow={showArrow ? 'true' : 'false'}\n                >\n                  <motion.div\n                    className={classNames('dsx-popover__content', className)}\n                    initial={prefersReducedMotion ? { opacity: 0 } : { opacity: 0, y: 4 }}\n                    animate={prefersReducedMotion ? { opacity: open ? 1 : 0 } : { opacity: open ? 1 : 0, y: open ? 0 : 2 }}\n                    exit={prefersReducedMotion ? { opacity: 0 } : { opacity: 0, y: 2 }}\n                    transition={prefersReducedMotion ? MOTION_TRANSITIONS.reduced : MOTION_TRANSITIONS.popover}\n                  >\n                    {children}\n                    {showArrow ? <PopoverPrimitive.Arrow className=\"dsx-popover__arrow\" width={16} height={8} /> : null}\n                  </motion.div>\n                </PopoverPrimitive.Content>\n              </PopoverAriaContext.Provider>\n            </PortalThemeWrapper>\n          ) : null}\n        </AnimatePresence>\n      </PopoverPrimitive.Portal>\n    )\n  },\n)\nPopoverContent.displayName = 'PopoverContent'\n\nconst PopoverTitle = React.forwardRef<React.ComponentRef<'h3'>, React.ComponentPropsWithoutRef<'h3'>>(\n  ({ className, id, ...props }, forwardedRef) => {\n    const ariaContext = usePopoverAriaContext()\n    return (\n      <h3\n        {...props}\n        ref={forwardedRef}\n        id={id ?? ariaContext?.titleId}\n        className={classNames('dsx-popover__title', className)}\n      />\n    )\n  },\n)\nPopoverTitle.displayName = 'PopoverTitle'\n\nconst PopoverDescription = React.forwardRef<React.ComponentRef<'p'>, React.ComponentPropsWithoutRef<'p'>>(\n  ({ className, id, ...props }, forwardedRef) => {\n    const ariaContext = usePopoverAriaContext()\n    return (\n      <p\n        {...props}\n        ref={forwardedRef}\n        id={id ?? ariaContext?.descriptionId}\n        className={classNames('dsx-popover__description', className)}\n      />\n    )\n  },\n)\nPopoverDescription.displayName = 'PopoverDescription'\n\nconst PopoverClose = React.forwardRef<\n  React.ComponentRef<typeof PopoverPrimitive.Close>,\n  React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Close>\n>(({ className, ...props }, forwardedRef) => (\n  <PopoverPrimitive.Close\n    {...props}\n    ref={forwardedRef}\n    className={classNames('dsx-popover__close', className)}\n  />\n))\nPopoverClose.displayName = 'PopoverClose'\n\nconst Popover: typeof PopoverRoot & {\n  Trigger: typeof PopoverTrigger\n  Content: typeof PopoverContent\n  Anchor: typeof PopoverAnchor\n  Title: typeof PopoverTitle\n  Description: typeof PopoverDescription\n  Close: typeof PopoverClose\n  Positioner: typeof PopoverPositioner\n  Arrow: typeof PopoverArrow\n} = Object.assign(PopoverRoot, {\n  Trigger: PopoverTrigger,\n  Content: PopoverContent,\n  Anchor: PopoverAnchor,\n  Title: PopoverTitle,\n  Description: PopoverDescription,\n  Close: PopoverClose,\n  Positioner: PopoverPositioner,\n  Arrow: PopoverArrow,\n})\nPopover.displayName = 'Popover'\n\nexport { Popover, PopoverAnchor, PopoverArrow, PopoverClose, PopoverContent, PopoverDescription, PopoverPositioner, PopoverRoot, PopoverTitle, PopoverTrigger }\nexport type { PopoverArrowProps, PopoverContentProps, PopoverPositionerProps, PopoverProps, PopoverRootProps }\n"],
-  "mappings": "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",
+  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport classNames from 'classnames'\nimport * as PopoverPrimitive from '@radix-ui/react-popover'\nimport { Slot } from '../slot/Slot'\n\nimport { PortalThemeBoundary, PortalThemeWrapper } from '../../_internal/BaseDialog'\nimport { FloatingLayerHostContext } from '../../_internal/floatingLayer'\nimport { usePrefersReducedMotion } from '../../_internal'\nimport { MOTION_TRANSITIONS } from '../../_internal/motion'\nimport { extractProps } from '../../_internal/helpers/extractProps'\nimport { AnimatePresence, motion } from '../../motion'\nimport { popoverContentPropDefs } from './popover.props'\n\nimport type { GetPropDefTypes } from '../../_internal/props/propDef'\n\nconst PopoverOpenContext = React.createContext(false)\n\ntype PopoverAriaContextValue = {\n  titleId: string\n  descriptionId: string\n}\n\nconst PopoverAriaContext = React.createContext<PopoverAriaContextValue | null>(null)\n\nfunction usePopoverAriaContext() {\n  return React.useContext(PopoverAriaContext)\n}\n\nfunction useControllablePopoverOpenState({\n  open: openProp,\n  defaultOpen,\n  onOpenChange,\n}: Pick<PopoverRootProps, 'open' | 'defaultOpen' | 'onOpenChange'>) {\n  const [uncontrolledOpen, setUncontrolledOpen] = React.useState(defaultOpen ?? false)\n  const open = openProp ?? uncontrolledOpen\n\n  const handleOpenChange = React.useCallback(\n    (nextOpen: boolean) => {\n      if (openProp === undefined) {\n        setUncontrolledOpen(nextOpen)\n      }\n\n      onOpenChange?.(nextOpen)\n    },\n    [onOpenChange, openProp],\n  )\n\n  return [open, handleOpenChange] as const\n}\n\ntype PopoverContentOwnProps = GetPropDefTypes<typeof popoverContentPropDefs>\n\ntype PopoverRootProps = React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Root>\ntype PopoverProps = PopoverRootProps\ntype PopoverContentProps = React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Content> & PopoverContentOwnProps\n\ntype PopoverSide = NonNullable<React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Content>['side']>\ntype PopoverAlign = NonNullable<React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Content>['align']>\n\ninterface PopoverPositionerProps extends React.ComponentPropsWithoutRef<'div'> {\n  side?: PopoverSide\n  sideOffset?: number\n  align?: PopoverAlign\n  alignOffset?: number\n  asChild?: boolean\n}\n\ninterface PopoverArrowProps extends Omit<React.ComponentPropsWithoutRef<'svg'>, 'width' | 'height'> {\n  width?: number\n  height?: number\n  asChild?: boolean\n}\n\nconst PopoverTrigger: typeof PopoverPrimitive.Trigger = PopoverPrimitive.Trigger\nconst PopoverAnchor: typeof PopoverPrimitive.Anchor = PopoverPrimitive.Anchor\n\nfunction PopoverRoot({ children, defaultOpen, onOpenChange, open: openProp, ...props }: PopoverRootProps) {\n  const [open, setOpen] = useControllablePopoverOpenState({\n    open: openProp,\n    defaultOpen,\n    onOpenChange,\n  })\n\n  return (\n    <PortalThemeBoundary>\n      <PopoverOpenContext.Provider value={open}>\n        <PopoverPrimitive.Root {...props} open={open} onOpenChange={setOpen}>\n          {children}\n        </PopoverPrimitive.Root>\n      </PopoverOpenContext.Provider>\n    </PortalThemeBoundary>\n  )\n}\nPopoverRoot.displayName = 'Popover'\n\nconst PopoverPositioner = React.forwardRef<HTMLDivElement, PopoverPositionerProps>(\n  ({ className, side = 'bottom', sideOffset = 8, align = 'center', alignOffset = 0, asChild, children, ...props }, forwardedRef) => {\n    const Comp = asChild ? Slot : 'div'\n    return (\n      <Comp\n        ref={forwardedRef}\n        className={classNames('dsx-popover__positioner', className)}\n        data-slot=\"popover-positioner\"\n        data-side={side}\n        data-align={align}\n        {...props}\n      >\n        {children}\n      </Comp>\n    )\n  },\n)\nPopoverPositioner.displayName = 'PopoverPositioner'\n\nconst PopoverArrow = React.forwardRef<SVGSVGElement, PopoverArrowProps>(\n  ({ className, width = 10, height = 5, asChild, ...props }, forwardedRef) => {\n    if (asChild) {\n      const { onCopy: _onCopy, ...slotProps } = props as React.ComponentPropsWithoutRef<'div'>\n      return (\n        <Slot\n          ref={forwardedRef as React.ForwardedRef<HTMLElement>}\n          className={classNames('dsx-popover__arrow', className)}\n          data-slot=\"popover-arrow\"\n          {...slotProps}\n        />\n      )\n    }\n    return (\n      <svg\n        ref={forwardedRef}\n        className={classNames('dsx-popover__arrow', className)}\n        data-slot=\"popover-arrow\"\n        width={width}\n        height={height}\n        viewBox=\"0 0 10 5\"\n        preserveAspectRatio=\"none\"\n        {...props}\n      >\n        <path d=\"M0 0 L5 5 L10 0 Z\" fill=\"currentColor\" />\n      </svg>\n    )\n  },\n)\nPopoverArrow.displayName = 'PopoverArrow'\n\nconst PopoverContent = React.forwardRef<React.ComponentRef<typeof PopoverPrimitive.Content>, PopoverContentProps>(\n  ({ className: propClassName, forceMount: forceMountProp = false, sideOffset = 8, showArrow = false, size = 'md', children, ...props }, forwardedRef) => {\n    const open = React.useContext(PopoverOpenContext)\n    const prefersReducedMotion = usePrefersReducedMotion()\n    const { className, ...contentProps } = extractProps(\n      {\n        ...props,\n        className: propClassName,\n        showArrow,\n      },\n      popoverContentPropDefs,\n    )\n    const isPresent = open || forceMountProp\n    const titleId = React.useId()\n    const descriptionId = React.useId()\n\n    return (\n      <PopoverPrimitive.Portal>\n        <AnimatePresence initial={false}>\n          {isPresent ? (\n            <PortalThemeWrapper key=\"popover-content\">\n              <PopoverAriaContext.Provider value={{ titleId, descriptionId }}>\n                <PopoverPrimitive.Content\n                  {...contentProps}\n                  ref={forwardedRef}\n                  asChild\n                  sideOffset={sideOffset}\n                  aria-labelledby={titleId}\n                  aria-describedby={descriptionId}\n                  data-size={size}\n                  data-show-arrow={showArrow ? 'true' : 'false'}\n                >\n                  <motion.div\n                    className={classNames('dsx-popover__content', className)}\n                    initial={prefersReducedMotion ? { opacity: 0 } : { opacity: 0, y: 4 }}\n                    animate={prefersReducedMotion ? { opacity: open ? 1 : 0 } : { opacity: open ? 1 : 0, y: open ? 0 : 2 }}\n                    exit={prefersReducedMotion ? { opacity: 0 } : { opacity: 0, y: 2 }}\n                    transition={prefersReducedMotion ? MOTION_TRANSITIONS.reduced : MOTION_TRANSITIONS.popover}\n                  >\n                    <FloatingLayerHostContext.Provider value>\n                      {children}\n                    </FloatingLayerHostContext.Provider>\n                    {showArrow ? <PopoverPrimitive.Arrow className=\"dsx-popover__arrow\" width={16} height={8} /> : null}\n                  </motion.div>\n                </PopoverPrimitive.Content>\n              </PopoverAriaContext.Provider>\n            </PortalThemeWrapper>\n          ) : null}\n        </AnimatePresence>\n      </PopoverPrimitive.Portal>\n    )\n  },\n)\nPopoverContent.displayName = 'PopoverContent'\n\nconst PopoverTitle = React.forwardRef<React.ComponentRef<'h3'>, React.ComponentPropsWithoutRef<'h3'>>(\n  ({ className, id, ...props }, forwardedRef) => {\n    const ariaContext = usePopoverAriaContext()\n    return (\n      <h3\n        {...props}\n        ref={forwardedRef}\n        id={id ?? ariaContext?.titleId}\n        className={classNames('dsx-popover__title', className)}\n      />\n    )\n  },\n)\nPopoverTitle.displayName = 'PopoverTitle'\n\nconst PopoverDescription = React.forwardRef<React.ComponentRef<'p'>, React.ComponentPropsWithoutRef<'p'>>(\n  ({ className, id, ...props }, forwardedRef) => {\n    const ariaContext = usePopoverAriaContext()\n    return (\n      <p\n        {...props}\n        ref={forwardedRef}\n        id={id ?? ariaContext?.descriptionId}\n        className={classNames('dsx-popover__description', className)}\n      />\n    )\n  },\n)\nPopoverDescription.displayName = 'PopoverDescription'\n\nconst PopoverClose = React.forwardRef<\n  React.ComponentRef<typeof PopoverPrimitive.Close>,\n  React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Close>\n>(({ className, ...props }, forwardedRef) => (\n  <PopoverPrimitive.Close\n    {...props}\n    ref={forwardedRef}\n    className={classNames('dsx-popover__close', className)}\n  />\n))\nPopoverClose.displayName = 'PopoverClose'\n\nconst Popover: typeof PopoverRoot & {\n  Trigger: typeof PopoverTrigger\n  Content: typeof PopoverContent\n  Anchor: typeof PopoverAnchor\n  Title: typeof PopoverTitle\n  Description: typeof PopoverDescription\n  Close: typeof PopoverClose\n  Positioner: typeof PopoverPositioner\n  Arrow: typeof PopoverArrow\n} = Object.assign(PopoverRoot, {\n  Trigger: PopoverTrigger,\n  Content: PopoverContent,\n  Anchor: PopoverAnchor,\n  Title: PopoverTitle,\n  Description: PopoverDescription,\n  Close: PopoverClose,\n  Positioner: PopoverPositioner,\n  Arrow: PopoverArrow,\n})\nPopover.displayName = 'Popover'\n\nexport { Popover, PopoverAnchor, PopoverArrow, PopoverClose, PopoverContent, PopoverDescription, PopoverPositioner, PopoverRoot, PopoverTitle, PopoverTrigger }\nexport type { PopoverArrowProps, PopoverContentProps, PopoverPositionerProps, PopoverProps, PopoverRootProps }\n"],
+  "mappings": "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",
   "names": ["import_motion", "classNames"]
 }

package/dist/components/popover/Popover.d.cts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Popover.d.cts","sourceRoot":"","sources":["../../../src/components/popover/Popover.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,KAAK,gBAAgB,MAAM,yBAAyB,CAAA;~~AAQ3D~~,OAAO,EAAE,sBAAsB,EAAE,MAAM,iBAAiB,CAAA;AAExD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAA;AAqCpE,KAAK,sBAAsB,GAAG,eAAe,CAAC,OAAO,sBAAsB,CAAC,CAAA;AAE5E,KAAK,gBAAgB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,gBAAgB,CAAC,IAAI,CAAC,CAAA;AACpF,KAAK,YAAY,GAAG,gBAAgB,CAAA;AACpC,KAAK,mBAAmB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,gBAAgB,CAAC,OAAO,CAAC,GAAG,sBAAsB,CAAA;AAEnH,KAAK,WAAW,GAAG,WAAW,CAAC,KAAK,CAAC,wBAAwB,CAAC,OAAO,gBAAgB,CAAC,OAAO,CAAC,CAAC,MAAM,CAAC,CAAC,CAAA;AACvG,KAAK,YAAY,GAAG,WAAW,CAAC,KAAK,CAAC,wBAAwB,CAAC,OAAO,gBAAgB,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,CAAC,CAAA;AAEzG,UAAU,sBAAuB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC;IAC5E,IAAI,CAAC,EAAE,WAAW,CAAA;IAClB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,KAAK,CAAC,EAAE,YAAY,CAAA;IACpB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AAED,UAAU,iBAAkB,SAAQ,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;IACjG,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AAED,QAAA,MAAM,cAAc,EAAE,OAAO,gBAAgB,CAAC,OAAkC,CAAA;AAChF,QAAA,MAAM,aAAa,EAAE,OAAO,gBAAgB,CAAC,MAAgC,CAAA;AAE7E,iBAAS,WAAW,CAAC,EAAE,QAAQ,EAAE,WAAW,EAAE,YAAY,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,gBAAgB,2CAgBvG;kBAhBQ,WAAW;;;AAmBpB,QAAA,MAAM,iBAAiB,+FAgBtB,CAAA;AAGD,QAAA,MAAM,YAAY,yFA4BjB,CAAA;AAGD,QAAA,MAAM,cAAc;;;;;;;;;;;;;;;~~yCAkDnB~~,CAAA;AAGD,QAAA,MAAM,YAAY,+KAYjB,CAAA;AAGD,QAAA,MAAM,kBAAkB,qLAYvB,CAAA;AAGD,QAAA,MAAM,YAAY,oKAShB,CAAA;AAGF,QAAA,MAAM,OAAO,EAAE,OAAO,WAAW,GAAG;IAClC,OAAO,EAAE,OAAO,cAAc,CAAA;IAC9B,OAAO,EAAE,OAAO,cAAc,CAAA;IAC9B,MAAM,EAAE,OAAO,aAAa,CAAA;IAC5B,KAAK,EAAE,OAAO,YAAY,CAAA;IAC1B,WAAW,EAAE,OAAO,kBAAkB,CAAA;IACtC,KAAK,EAAE,OAAO,YAAY,CAAA;IAC1B,UAAU,EAAE,OAAO,iBAAiB,CAAA;IACpC,KAAK,EAAE,OAAO,YAAY,CAAA;CAU1B,CAAA;AAGF,OAAO,EAAE,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,YAAY,EAAE,cAAc,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,WAAW,EAAE,YAAY,EAAE,cAAc,EAAE,CAAA;AAC/J,YAAY,EAAE,iBAAiB,EAAE,mBAAmB,EAAE,sBAAsB,EAAE,YAAY,EAAE,gBAAgB,EAAE,CAAA"}
1	+ {"version":3,"file":"Popover.d.cts","sourceRoot":"","sources":["../../../src/components/popover/Popover.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,KAAK,gBAAgB,MAAM,yBAAyB,CAAA;AAS3D,OAAO,EAAE,sBAAsB,EAAE,MAAM,iBAAiB,CAAA;AAExD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAA;AAqCpE,KAAK,sBAAsB,GAAG,eAAe,CAAC,OAAO,sBAAsB,CAAC,CAAA;AAE5E,KAAK,gBAAgB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,gBAAgB,CAAC,IAAI,CAAC,CAAA;AACpF,KAAK,YAAY,GAAG,gBAAgB,CAAA;AACpC,KAAK,mBAAmB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,gBAAgB,CAAC,OAAO,CAAC,GAAG,sBAAsB,CAAA;AAEnH,KAAK,WAAW,GAAG,WAAW,CAAC,KAAK,CAAC,wBAAwB,CAAC,OAAO,gBAAgB,CAAC,OAAO,CAAC,CAAC,MAAM,CAAC,CAAC,CAAA;AACvG,KAAK,YAAY,GAAG,WAAW,CAAC,KAAK,CAAC,wBAAwB,CAAC,OAAO,gBAAgB,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,CAAC,CAAA;AAEzG,UAAU,sBAAuB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC;IAC5E,IAAI,CAAC,EAAE,WAAW,CAAA;IAClB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,KAAK,CAAC,EAAE,YAAY,CAAA;IACpB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AAED,UAAU,iBAAkB,SAAQ,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;IACjG,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AAED,QAAA,MAAM,cAAc,EAAE,OAAO,gBAAgB,CAAC,OAAkC,CAAA;AAChF,QAAA,MAAM,aAAa,EAAE,OAAO,gBAAgB,CAAC,MAAgC,CAAA;AAE7E,iBAAS,WAAW,CAAC,EAAE,QAAQ,EAAE,WAAW,EAAE,YAAY,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,gBAAgB,2CAgBvG;kBAhBQ,WAAW;;;AAmBpB,QAAA,MAAM,iBAAiB,+FAgBtB,CAAA;AAGD,QAAA,MAAM,YAAY,yFA4BjB,CAAA;AAGD,QAAA,MAAM,cAAc;;;;;;;;;;;;;;;yCAoDnB,CAAA;AAGD,QAAA,MAAM,YAAY,+KAYjB,CAAA;AAGD,QAAA,MAAM,kBAAkB,qLAYvB,CAAA;AAGD,QAAA,MAAM,YAAY,oKAShB,CAAA;AAGF,QAAA,MAAM,OAAO,EAAE,OAAO,WAAW,GAAG;IAClC,OAAO,EAAE,OAAO,cAAc,CAAA;IAC9B,OAAO,EAAE,OAAO,cAAc,CAAA;IAC9B,MAAM,EAAE,OAAO,aAAa,CAAA;IAC5B,KAAK,EAAE,OAAO,YAAY,CAAA;IAC1B,WAAW,EAAE,OAAO,kBAAkB,CAAA;IACtC,KAAK,EAAE,OAAO,YAAY,CAAA;IAC1B,UAAU,EAAE,OAAO,iBAAiB,CAAA;IACpC,KAAK,EAAE,OAAO,YAAY,CAAA;CAU1B,CAAA;AAGF,OAAO,EAAE,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,YAAY,EAAE,cAAc,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,WAAW,EAAE,YAAY,EAAE,cAAc,EAAE,CAAA;AAC/J,YAAY,EAAE,iBAAiB,EAAE,mBAAmB,EAAE,sBAAsB,EAAE,YAAY,EAAE,gBAAgB,EAAE,CAAA"}

package/dist/components/popover/Popover.d.mts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Popover.d.mts","sourceRoot":"","sources":["../../../src/components/popover/Popover.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,KAAK,gBAAgB,MAAM,yBAAyB,CAAA;~~AAQ3D~~,OAAO,EAAE,sBAAsB,EAAE,MAAM,iBAAiB,CAAA;AAExD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAA;AAqCpE,KAAK,sBAAsB,GAAG,eAAe,CAAC,OAAO,sBAAsB,CAAC,CAAA;AAE5E,KAAK,gBAAgB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,gBAAgB,CAAC,IAAI,CAAC,CAAA;AACpF,KAAK,YAAY,GAAG,gBAAgB,CAAA;AACpC,KAAK,mBAAmB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,gBAAgB,CAAC,OAAO,CAAC,GAAG,sBAAsB,CAAA;AAEnH,KAAK,WAAW,GAAG,WAAW,CAAC,KAAK,CAAC,wBAAwB,CAAC,OAAO,gBAAgB,CAAC,OAAO,CAAC,CAAC,MAAM,CAAC,CAAC,CAAA;AACvG,KAAK,YAAY,GAAG,WAAW,CAAC,KAAK,CAAC,wBAAwB,CAAC,OAAO,gBAAgB,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,CAAC,CAAA;AAEzG,UAAU,sBAAuB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC;IAC5E,IAAI,CAAC,EAAE,WAAW,CAAA;IAClB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,KAAK,CAAC,EAAE,YAAY,CAAA;IACpB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AAED,UAAU,iBAAkB,SAAQ,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;IACjG,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AAED,QAAA,MAAM,cAAc,EAAE,OAAO,gBAAgB,CAAC,OAAkC,CAAA;AAChF,QAAA,MAAM,aAAa,EAAE,OAAO,gBAAgB,CAAC,MAAgC,CAAA;AAE7E,iBAAS,WAAW,CAAC,EAAE,QAAQ,EAAE,WAAW,EAAE,YAAY,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,gBAAgB,2CAgBvG;kBAhBQ,WAAW;;;AAmBpB,QAAA,MAAM,iBAAiB,+FAgBtB,CAAA;AAGD,QAAA,MAAM,YAAY,yFA4BjB,CAAA;AAGD,QAAA,MAAM,cAAc;;;;;;;;;;;;;;;~~yCAkDnB~~,CAAA;AAGD,QAAA,MAAM,YAAY,+KAYjB,CAAA;AAGD,QAAA,MAAM,kBAAkB,qLAYvB,CAAA;AAGD,QAAA,MAAM,YAAY,oKAShB,CAAA;AAGF,QAAA,MAAM,OAAO,EAAE,OAAO,WAAW,GAAG;IAClC,OAAO,EAAE,OAAO,cAAc,CAAA;IAC9B,OAAO,EAAE,OAAO,cAAc,CAAA;IAC9B,MAAM,EAAE,OAAO,aAAa,CAAA;IAC5B,KAAK,EAAE,OAAO,YAAY,CAAA;IAC1B,WAAW,EAAE,OAAO,kBAAkB,CAAA;IACtC,KAAK,EAAE,OAAO,YAAY,CAAA;IAC1B,UAAU,EAAE,OAAO,iBAAiB,CAAA;IACpC,KAAK,EAAE,OAAO,YAAY,CAAA;CAU1B,CAAA;AAGF,OAAO,EAAE,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,YAAY,EAAE,cAAc,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,WAAW,EAAE,YAAY,EAAE,cAAc,EAAE,CAAA;AAC/J,YAAY,EAAE,iBAAiB,EAAE,mBAAmB,EAAE,sBAAsB,EAAE,YAAY,EAAE,gBAAgB,EAAE,CAAA"}
1	+ {"version":3,"file":"Popover.d.mts","sourceRoot":"","sources":["../../../src/components/popover/Popover.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,KAAK,gBAAgB,MAAM,yBAAyB,CAAA;AAS3D,OAAO,EAAE,sBAAsB,EAAE,MAAM,iBAAiB,CAAA;AAExD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAA;AAqCpE,KAAK,sBAAsB,GAAG,eAAe,CAAC,OAAO,sBAAsB,CAAC,CAAA;AAE5E,KAAK,gBAAgB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,gBAAgB,CAAC,IAAI,CAAC,CAAA;AACpF,KAAK,YAAY,GAAG,gBAAgB,CAAA;AACpC,KAAK,mBAAmB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,gBAAgB,CAAC,OAAO,CAAC,GAAG,sBAAsB,CAAA;AAEnH,KAAK,WAAW,GAAG,WAAW,CAAC,KAAK,CAAC,wBAAwB,CAAC,OAAO,gBAAgB,CAAC,OAAO,CAAC,CAAC,MAAM,CAAC,CAAC,CAAA;AACvG,KAAK,YAAY,GAAG,WAAW,CAAC,KAAK,CAAC,wBAAwB,CAAC,OAAO,gBAAgB,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,CAAC,CAAA;AAEzG,UAAU,sBAAuB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC;IAC5E,IAAI,CAAC,EAAE,WAAW,CAAA;IAClB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,KAAK,CAAC,EAAE,YAAY,CAAA;IACpB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AAED,UAAU,iBAAkB,SAAQ,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;IACjG,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AAED,QAAA,MAAM,cAAc,EAAE,OAAO,gBAAgB,CAAC,OAAkC,CAAA;AAChF,QAAA,MAAM,aAAa,EAAE,OAAO,gBAAgB,CAAC,MAAgC,CAAA;AAE7E,iBAAS,WAAW,CAAC,EAAE,QAAQ,EAAE,WAAW,EAAE,YAAY,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,gBAAgB,2CAgBvG;kBAhBQ,WAAW;;;AAmBpB,QAAA,MAAM,iBAAiB,+FAgBtB,CAAA;AAGD,QAAA,MAAM,YAAY,yFA4BjB,CAAA;AAGD,QAAA,MAAM,cAAc;;;;;;;;;;;;;;;yCAoDnB,CAAA;AAGD,QAAA,MAAM,YAAY,+KAYjB,CAAA;AAGD,QAAA,MAAM,kBAAkB,qLAYvB,CAAA;AAGD,QAAA,MAAM,YAAY,oKAShB,CAAA;AAGF,QAAA,MAAM,OAAO,EAAE,OAAO,WAAW,GAAG;IAClC,OAAO,EAAE,OAAO,cAAc,CAAA;IAC9B,OAAO,EAAE,OAAO,cAAc,CAAA;IAC9B,MAAM,EAAE,OAAO,aAAa,CAAA;IAC5B,KAAK,EAAE,OAAO,YAAY,CAAA;IAC1B,WAAW,EAAE,OAAO,kBAAkB,CAAA;IACtC,KAAK,EAAE,OAAO,YAAY,CAAA;IAC1B,UAAU,EAAE,OAAO,iBAAiB,CAAA;IACpC,KAAK,EAAE,OAAO,YAAY,CAAA;CAU1B,CAAA;AAGF,OAAO,EAAE,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,YAAY,EAAE,cAAc,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,WAAW,EAAE,YAAY,EAAE,cAAc,EAAE,CAAA;AAC/J,YAAY,EAAE,iBAAiB,EAAE,mBAAmB,EAAE,sBAAsB,EAAE,YAAY,EAAE,gBAAgB,EAAE,CAAA"}

package/dist/components/popover/Popover.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Popover.d.ts","sourceRoot":"","sources":["../../../src/components/popover/Popover.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,KAAK,gBAAgB,MAAM,yBAAyB,CAAA;~~AAQ3D~~,OAAO,EAAE,sBAAsB,EAAE,MAAM,iBAAiB,CAAA;AAExD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAA;AAqCpE,KAAK,sBAAsB,GAAG,eAAe,CAAC,OAAO,sBAAsB,CAAC,CAAA;AAE5E,KAAK,gBAAgB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,gBAAgB,CAAC,IAAI,CAAC,CAAA;AACpF,KAAK,YAAY,GAAG,gBAAgB,CAAA;AACpC,KAAK,mBAAmB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,gBAAgB,CAAC,OAAO,CAAC,GAAG,sBAAsB,CAAA;AAEnH,KAAK,WAAW,GAAG,WAAW,CAAC,KAAK,CAAC,wBAAwB,CAAC,OAAO,gBAAgB,CAAC,OAAO,CAAC,CAAC,MAAM,CAAC,CAAC,CAAA;AACvG,KAAK,YAAY,GAAG,WAAW,CAAC,KAAK,CAAC,wBAAwB,CAAC,OAAO,gBAAgB,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,CAAC,CAAA;AAEzG,UAAU,sBAAuB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC;IAC5E,IAAI,CAAC,EAAE,WAAW,CAAA;IAClB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,KAAK,CAAC,EAAE,YAAY,CAAA;IACpB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AAED,UAAU,iBAAkB,SAAQ,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;IACjG,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AAED,QAAA,MAAM,cAAc,EAAE,OAAO,gBAAgB,CAAC,OAAkC,CAAA;AAChF,QAAA,MAAM,aAAa,EAAE,OAAO,gBAAgB,CAAC,MAAgC,CAAA;AAE7E,iBAAS,WAAW,CAAC,EAAE,QAAQ,EAAE,WAAW,EAAE,YAAY,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,gBAAgB,2CAgBvG;kBAhBQ,WAAW;;;AAmBpB,QAAA,MAAM,iBAAiB,+FAgBtB,CAAA;AAGD,QAAA,MAAM,YAAY,yFA4BjB,CAAA;AAGD,QAAA,MAAM,cAAc;;;;;;;;;;;;;;;~~yCAkDnB~~,CAAA;AAGD,QAAA,MAAM,YAAY,+KAYjB,CAAA;AAGD,QAAA,MAAM,kBAAkB,qLAYvB,CAAA;AAGD,QAAA,MAAM,YAAY,oKAShB,CAAA;AAGF,QAAA,MAAM,OAAO,EAAE,OAAO,WAAW,GAAG;IAClC,OAAO,EAAE,OAAO,cAAc,CAAA;IAC9B,OAAO,EAAE,OAAO,cAAc,CAAA;IAC9B,MAAM,EAAE,OAAO,aAAa,CAAA;IAC5B,KAAK,EAAE,OAAO,YAAY,CAAA;IAC1B,WAAW,EAAE,OAAO,kBAAkB,CAAA;IACtC,KAAK,EAAE,OAAO,YAAY,CAAA;IAC1B,UAAU,EAAE,OAAO,iBAAiB,CAAA;IACpC,KAAK,EAAE,OAAO,YAAY,CAAA;CAU1B,CAAA;AAGF,OAAO,EAAE,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,YAAY,EAAE,cAAc,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,WAAW,EAAE,YAAY,EAAE,cAAc,EAAE,CAAA;AAC/J,YAAY,EAAE,iBAAiB,EAAE,mBAAmB,EAAE,sBAAsB,EAAE,YAAY,EAAE,gBAAgB,EAAE,CAAA"}
1	+ {"version":3,"file":"Popover.d.ts","sourceRoot":"","sources":["../../../src/components/popover/Popover.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,KAAK,gBAAgB,MAAM,yBAAyB,CAAA;AAS3D,OAAO,EAAE,sBAAsB,EAAE,MAAM,iBAAiB,CAAA;AAExD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAA;AAqCpE,KAAK,sBAAsB,GAAG,eAAe,CAAC,OAAO,sBAAsB,CAAC,CAAA;AAE5E,KAAK,gBAAgB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,gBAAgB,CAAC,IAAI,CAAC,CAAA;AACpF,KAAK,YAAY,GAAG,gBAAgB,CAAA;AACpC,KAAK,mBAAmB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,gBAAgB,CAAC,OAAO,CAAC,GAAG,sBAAsB,CAAA;AAEnH,KAAK,WAAW,GAAG,WAAW,CAAC,KAAK,CAAC,wBAAwB,CAAC,OAAO,gBAAgB,CAAC,OAAO,CAAC,CAAC,MAAM,CAAC,CAAC,CAAA;AACvG,KAAK,YAAY,GAAG,WAAW,CAAC,KAAK,CAAC,wBAAwB,CAAC,OAAO,gBAAgB,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,CAAC,CAAA;AAEzG,UAAU,sBAAuB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC;IAC5E,IAAI,CAAC,EAAE,WAAW,CAAA;IAClB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,KAAK,CAAC,EAAE,YAAY,CAAA;IACpB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AAED,UAAU,iBAAkB,SAAQ,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;IACjG,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AAED,QAAA,MAAM,cAAc,EAAE,OAAO,gBAAgB,CAAC,OAAkC,CAAA;AAChF,QAAA,MAAM,aAAa,EAAE,OAAO,gBAAgB,CAAC,MAAgC,CAAA;AAE7E,iBAAS,WAAW,CAAC,EAAE,QAAQ,EAAE,WAAW,EAAE,YAAY,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,gBAAgB,2CAgBvG;kBAhBQ,WAAW;;;AAmBpB,QAAA,MAAM,iBAAiB,+FAgBtB,CAAA;AAGD,QAAA,MAAM,YAAY,yFA4BjB,CAAA;AAGD,QAAA,MAAM,cAAc;;;;;;;;;;;;;;;yCAoDnB,CAAA;AAGD,QAAA,MAAM,YAAY,+KAYjB,CAAA;AAGD,QAAA,MAAM,kBAAkB,qLAYvB,CAAA;AAGD,QAAA,MAAM,YAAY,oKAShB,CAAA;AAGF,QAAA,MAAM,OAAO,EAAE,OAAO,WAAW,GAAG;IAClC,OAAO,EAAE,OAAO,cAAc,CAAA;IAC9B,OAAO,EAAE,OAAO,cAAc,CAAA;IAC9B,MAAM,EAAE,OAAO,aAAa,CAAA;IAC5B,KAAK,EAAE,OAAO,YAAY,CAAA;IAC1B,WAAW,EAAE,OAAO,kBAAkB,CAAA;IACtC,KAAK,EAAE,OAAO,YAAY,CAAA;IAC1B,UAAU,EAAE,OAAO,iBAAiB,CAAA;IACpC,KAAK,EAAE,OAAO,YAAY,CAAA;CAU1B,CAAA;AAGF,OAAO,EAAE,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,YAAY,EAAE,cAAc,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,WAAW,EAAE,YAAY,EAAE,cAAc,EAAE,CAAA;AAC/J,YAAY,EAAE,iBAAiB,EAAE,mBAAmB,EAAE,sBAAsB,EAAE,YAAY,EAAE,gBAAgB,EAAE,CAAA"}

package/dist/components/popover/Popover.js CHANGED Viewed

@@ -4,6 +4,7 @@ import classNames from "classnames";
 import * as PopoverPrimitive from "@radix-ui/react-popover";
 import { Slot } from "../slot/Slot.js";
 import { PortalThemeBoundary, PortalThemeWrapper } from "../../_internal/BaseDialog.js";
+import { FloatingLayerHostContext } from "../../_internal/floatingLayer.js";
 import { usePrefersReducedMotion } from "../../_internal/index.js";
 import { MOTION_TRANSITIONS } from "../../_internal/motion.js";
 import { extractProps } from "../../_internal/helpers/extractProps.js";
@@ -128,7 +129,7 @@ const PopoverContent = React.forwardRef(
             exit: prefersReducedMotion ? { opacity: 0 } : { opacity: 0, y: 2 },
             transition: prefersReducedMotion ? MOTION_TRANSITIONS.reduced : MOTION_TRANSITIONS.popover,
             children: [
-              children,
+              /* @__PURE__ */ jsx(FloatingLayerHostContext.Provider, { value: true, children }),
               showArrow ? /* @__PURE__ */ jsx(PopoverPrimitive.Arrow, { className: "dsx-popover__arrow", width: 16, height: 8 }) : null
             ]
           }